참고: 이웅모 《모던 자바스크립트 Deep Dive》 6장

한 줄 요약

JS 값은 원시(number, string, boolean, undefined, null, symbol, bigint)와 객체로 나뉘고, 변수에 타입이 묶이지 않는 동적 타이핑이라 같은 변수에 다른 타입을 넣을 수 있다.

핵심 개념

• 원시: 불변에 가까운 단일 값. symbol은 유일한 식별자용.
• 객체: 배열·함수·일반 객체·Date 등을 아우르는 큰 카테고리.
• 템플릿 리터럴: 백틱, 멀티라인, ${표현식} 삽입.
• undefined: 값이 할당되지 않음 / null: 고의로 비움.
• 타입이 필요한 이유: 메모리 크기·해석 방식을 엔진이 정하기 위함.

내가 이해한 동작 원리

정적 타입 언어는 변수 선언 시 타입이 고정된다. JS는 값을 넣을 때 타입이 결정되고, 재할당으로 타입이 바뀔 수 있다. 편하지만 예기치 않은 암묵적 변환·버그의 온상이기도 하다.

typeof null === 'object'는 역사적 유산으로 외워 두는 게 낫다. typeof만으로 부족하면 Array.isArray, === null을 같이 쓴다.

짧은 예제 코드

let x = 10;
x = 'ten';
x = true;

const name = 'minsub';
const msg = `hello, ${name}`;

console.log(typeof null); // 'object'
console.log(typeof undefined); // 'undefined'

const empty = null;
let notSet; // undefined

헷갈리기 쉬운 포인트 / 함정

• null vs undefined를 섞어 쓰면 API 계약이 흐려진다.
• typeof []도 'object'. 배열은 Array.isArray.
• Number처럼 보이는 문자열과 실제 number를 혼동하면 +가 연결로 동작한다.

다음 장으로 이어지는 한 줄

타입을 알았으니, 값끼리 계산·비교하는 연산자로 넘어간다.