JS 시작, 1일

1. 바닐라 스크립트(Vanilla JS)란

• 바닐라 자바스크립트란 플러그인이나 라이브러리를 사용하지 않은 순수 자바스크립트를 뜻한다.
• 즉, 바닐라 스크립트 = 자바스크립트라고 생각하면 된다.

2. JavaScript에 영향을 준 언어

• Java : 기본적인 문법
• Scheme
• Self

3. Javascript 버전

• ECMA
• ECMAJavaScript : 자바스크립트 언어의 표준
• ES1, ES2, ..., ES6

4. 변수 선언
   4-1. 변수의 선언

• 선언은 var 키워드 뒤에 사용하고자 하는 변수의 이름을 지정하고, 세미콜론으로 한 라인을 종료

  	var num;
  	var username;

4-2. 변수의 할당

• 선언된 변수에 원하는 값을 대입하는 과정

  	num = 12345;
  	user_name = "홍길동";  (홑 따옴표도 되고 쌍따옴표도 가능)
  	userName = '이순신';

4-3. 변수 선언의 제약

• 변수는 반복되어 다른 값이 할당될 수 있지만, 선언은 중복할 수 없다.

  	var num =12345;
  	num = 78910;
  	var num = 1; 	//이미 선언된 변수이므로 불가
  
  	myage = 19; 	//선언되지 않은 변수 사용 불가

4-4. 변수의 종류

• JavaScript의 변수는 표현하는 값의 종류에 따라서 형식이 구분된다.

• 이러한 변수의 종류를 데이터형(=datatype)이라고 한다.

• Number : 숫자를 표현

• String : 문자열 선언, 쌍따옴표나 홑따옴표로 감싸진 문자를 의미

• Boolean : true, false 값을 가지는 논리 데이터 타입

• Null : 값이 없음. 개발자가 의도적으로 변수의 공간을 비워놓은 상태

• Object : 객체를 저장하기 위한 데이터 타입. 브라우저 제어 기능, form 제어, HTML 태그 요소에 대한 제어 등이 가능하다.

• Undefined : 정의되지 않음. 처음부터 변수가 선언되고 값도 할당되지 않은 상태를 의미한다. 이 상태의 변수는 어떠한 처리도 불가능하다.

5. Null 값과 Undefined의 차이

• 프로그램 언어 Java와 JavaScript에서 변수의 선언 차이
  Java -> 변수를 선언시에 자료형이 결정
  JavaScript -> 변수의 선언시에는 변수의 존재여부와 스코프(범위)만 결정되고 자료형은 값을 할당할 때 자동으로 결정된다.

• 할당되지 않은 값의 상태
  Java -> 객체의 경우 null, 숫자 형태의 경우 0, boolean은 false를 기본으로 값이 할당된다.
  JavaScript -> 자료형이 결정되지 않은 상태기 때문에 기본값이 할당될 수 없다. 무조건 undefined로 할당된다.

6. 연산자

• 대입 연산자
• 사칙 연산자
• 단항 연산자
• 증감 연산자
• 비교 연산자
• 논리 연산자

6-1 증감 연산자

• x = x + 1;
  x += 1;
  x++;
  ++x;

• x = x - 1;
  x -= 1;
  x--;
  --x;

6-2. 비교 연산자

• == : 프로그래밍에서 비교란, 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다.
• ===(일치 연산자) : 일치 연산자로 좌항과 우항이 '정확', '엄격'하게 같을 때 true, 다르면 false가 된다.
• !=(부정) : 같지 않다라는 뜻
• !== : 정확하게 같지 않다는 의미

7. document.write(출력내용)

• HTML 페이지의 태그 안을 JavaScript에서는 document(=문서)라고 부른다.

• 태그 안에 새로운 내용을 출력하고자 할 경우 자바스크립트에게 "쓰다"라는 명령어 write를 전달한다.

  	document.write("출력할 내용");

• 출력되는 내용은 기존에 존재하던 태그 안의 모든 내용을 지우고 새롭게 작성된다.

• HTML 태그 안에 출력되는 내용이므로, 다른 HTML 태그를 포함하여 출력할 수 있다.

  	document.write("<h1>내용</h1>");

8. 조건문

• if문
• if~else문
• if~else if~else문
• switch문