[JavaScript_Summary] 자바스크립트란?, alert, console, document, 연산자, var

1. 자바스크립트란?

 

• 자바스크립트는 웹 브라우저에서 사용하는 프로그래밍 언어이다. 
• 자바와 자바스크립트는 완전히 다른 언어이다.(인도와 인도네시아의 차이)
• 웹 문서의 내용을 동적으로 바꾸거나 마우스 클릭과 같은 이벤트 처리가 가능해졌다.
• 자바스크립트로 풀스택이 된다(javascript로 프론트, java, javascript로 백엔드) - 2009년도에 node.js나오고 나서 자바스크립트로 백엔드가 가능해졌다.
• HTML+CSS, JavaScript, Jquery -> node.js -> react
• ->java->jsp->spring
• ->python -> django
• javascript로 가능 -> 만능 언어에 가깝다.
• 프론트 : react, vue, next.js
• 백엔드 : express, nestjs
• 모바일 : react native

자바스크립트 ES6(2015년 6월) 이상 버전부터 기능이 많이 추가되어 버전을 잘 확인하고 공부하기!

 

2. 키워드

2.1 alert

• 경고 문구처럼 팝업창이 나온다.
• <script></script>태그 사이에 적는다.

2.2 console

• 웹 페이지에서 f12눌러서 콘솔탭을 누르면 나온다.

 

2.3 document

• 화면을 관리하는 객체이다.(DOM제어)
• body에 텍스트를 입력하는 것과 비슷한 결과물이 나온다.
• window 객체는 전역객체(global object)
• document객체는 window객체의 하부 객체
• DOM - Document Object Model 문서 객체 모델
• document객체로 제어할 수 있게 만들어진 형태
• DOM Tree 구조

 

• + 덧셈, 문자열 접합(concat)
• 문자열+정수
• 피연산자의 자료형 불일치
• 데이터 타입이 다른데도 오류없이 잘되는 이유? 
• >>자동 형변환(암묵적 형변환)이 발생한다.
• 문자열 + 숫자 -> 문자열 + 문자열(자동 형변환) -> 합쳐진 문자열
• 3+3.14 같이 데이터 타입이 달라도 자동 형변환이 발생해서 계산 결과 값이 잘 나온다.

 

• var : variable 변수
• 자바에서 int num = 10; 하는 것과 같은 역할
• = : 대입 연산자, 오른쪽 값을 왼쪽의 공간에 대입한다.

 

var이라는 키워드로 변수를 만든다.

 

2.4 연산자

• 대입연산자
• 사칙연산자
• 나머지연산자
• 증감연산자
• 복합대입연산자
• 관계연산자(비교연산자)
• 논리연산자
• 비트연산자
• 삼항연산자