사진 출처        도서 구매
모던 자바스크립트 입문 | 이소 히로시 지음 | 서재원 옮김 책을 읽고 작성하였습니다.

이 책은 자바스크립트의 기본 원리와 프로그래밍 개념들을 아주 쉽게 알려주는 책입니다. 이 책 덕분에 자바스크립트 소스를 이해할 수 있게 되었고, 이를 이용하여 웹 개발도 할 수 있게 되었습니다. 강력추천합니다.

---

🟦 변수

🔹 변수선언

• 변수를 선언하기만 하면 변수 안에는 정의되지 않았음을 뜻하는 undefined라는 값이 들언다.
• 프로그램에서 = 연산자는 오른쪽 값을 왼쪽 변수에 대입하겠다는 뜻이다.

🔹 변수선언 생략

• var문으로 선언하지 않은 변수를 읽으려고 시도하면 참조 오류가 발생한다.
• 그러나 var문으로 선언하지 않은 변수에 값을 대입할 때는 오류가 발생하지 않는다.
• 변수를 선언하지 않은 상태에서 값을 대입하면 자바스크립트 엔진이 그 변수를 자동으로 '전역변수'로 선언하기 때문이다.
• 그러나 변수를 선언하지 않고 변수를 사용하면 버그의 원인이 되므로 변수는 반드시 선언하고 사용해야 한다.

console.log(x);
x=2;
console.log(x);

🔹 변수 끌어올림

• 프로그램은 작성한 순서에 따라 윗줄부터 차례대로 실행된다.
• 하지만 변수 선언은 이 원칙을 따르지 않는다.
• 프로그램 중간에서 변수를 선언하더라도 변수가 프로그램 첫 머리에 선언된 것 처럼 다른 문장 앞에 생성되기 때문이다.
• 변수 선언의 끌어올림(hoisting) : 변수 선언은 프로그램 첫머리로 끌어올려진다. 단, 선언과 동시에 대입하는 코드는 끌어올리지 않는다.

console.log(x);
var x = 5;
console.log(x);

변수선언의 끌어올림으로 참조오류(ReferenceError)가 나지 않는다. 변수를 선언하기만 했다는 뜻으로 undefined라는 값이 들어있다.

🔹 변수 중복선언

• var문을 사용하여 같은 이름을 가진 변수를 여러 개 선언하더라도 문제가 발생하지 않는다.
• 같은 이름으로 선언된 변수는 모두 끌어올린 후에 단 하나의 영역에 할당된다.
• 변수 선언의 끌어올림은 다른 언어에는 없는 자바스크립트만의 고유한 특징이다.

🔹 변수의 명명규칙

• 변수, 함수, 라벨 이름 등 사용자가 정의하는 이름을 식별자라고 한다.
• 사용할 수 있는 문자 : 알파벳(A~Z, a~z), 숫자(0~9), 밑줄(-), 달러기호($)
• 첫 글자로는 숫자를 사용할 수 없다.
• 예약어를 식별자로 사용할 수 없다.

---

🟦 데이터타입

🔹 변수의 동적 타이핑

• 데이터타입 : 변수에 저장하는 데이터 종류
• 정적타입 언어 : 변수에 타입이 있는 언어
• 예) C나 JAVA 등에서는 그 변수의 타입과 일치하는 데이터만 저장할 수 있다.
• 동적타입 언어 : 실행할 때 변수에 저장된 데이터 타입이 동적으로 바뀔 수 있는 언어
• 예) JS에는 변수에 타입이 없으므로 변수에 모든 타입의 데이터를 저장할 수 있다.
• 같은 변수에 숫자나 문자열 같은 다양한 타입의 데이터를 대입할 수 있다.
• JS는 동적타입언어라서 변수에 어떤 타입의 데이터가 저장되는지 타입 변환에 주의해야 한다.

🔹 데이터타입의 분류

• JS가 처리할 수 있는 데이터타입은 원시타입과 객체타입으로 나뉜다.
• 원시타입
  • 데이터를 구성하는 가장 기본적인 요소
  • 불변값(값을 바꿀 수 없는 데이터)으로 정의되어 있다.
  • 원시타입의 값은 원시 값이라고 한다.
• 객체타입
  • 원시타입에 속하지 않는 값은 모두 객체이다.
  • 객체는 변수 여러 개가 모여서 만들어진 복합 데이터 타입이다.
  • 객체 안에 저장된 값은 바꿀 수 있다.
  • 객체는 참조 타입이다.
  • 객체 타입의 값을 변수에 대입하면 변수에는 그 객체에 대한 참조(메모리에서의 위치정보)가 할당된다.

🔹 숫자

• 대다수의 프로그래밍 언어에는 정수 타입과 부동 소수점 타입이 따로 있다.
• JS