모던 자바 스크립트 Deep Dive 를 공부하며 정리하는 글을 또 정리하며 이해하는 글입니다.

---

0. 데이터 타입

• 값의 종류
• 자바스크립트의 모든 값은 데이터 타입을 갖는다.
  • 원시 타입과 객체 타입으로 분류

원시 타입

• 숫자 타입 : 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재
• 문자열 타입 : 문자열
• 불리언 타입 : 논리적 참(true)과 거짓(false)
• undefined 타입 : var 키워드로 선언된 변수에 암묵적으로 할당되는 값
• null 타입 : 값이 없다는 것을 의도적으로 명시할 때 사용하는 값
• 심벌(symbol) 타입 : ES6에서 추가된 7번째 타입

객체 타입

• 객체, 함수, 배열 등

---

1. 숫자 타입

• 자바스크립트는 하나의 숫자 타입만 존재한다.
• 자바스크립트는 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 이들 값을 참조하면 모두 10진수로 해석된다.
• 자바스크립트의 숫자 타입은 정수만을 위한 타입이 없고, 모든 수를 실수로 처리한다.
• 숫자 타입은 추가적으로 세 가지 특별한 값도 표현할 수 있다.
  • Infinity : 양의 무한대
  • -Infinity : 음의 무한대
  • NaN : 산술 연산 불가(not-a-number)
    • 자바스크립트는 대소문자를 구별하므로 NaN을 NAN, Nan, nan과 같이 표현하면 에러가 발생한다.

---

2. 문자열 타입

• 문자열 타입은 텍스트 데이터를 나타내는데 사용한다.
• 문자열은 작은따옴표(''), 큰따옴표(""), 백틱(``)으로 텍스트를 감싼다.
• 따옴표로 감싸는 이유
  • 키워드나 식별자 같은 토큰과 구분하기 위해
  • 스페이스와 같은 공백 문자도 포함시킬 수 없다.
• 자바스크립트의 문자열은 원시타입이며, 변경 불가능한 값이다.
  • 문자열이 생성되면 그 문자열을 변경할 수 없다는 것을 의미한다.

---

3. 템플릿 리터럴

• ES6부터 새로 도입된 문자열 표기법이다.
• 멀티라인 문자열, 표현식 삽입, 태그드 템플릿 등 편리한 문자열 처리 기능을 제공한다.
• 템플릿 리터럴은 런타임에 일반 문자열로 변환되어 처리된다.
• 백틱(``)을 사용해 표현한다.

3.1 멀티라인 문자열

• 일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며, 모든 공백도 있는 그대로 적용된다.

3.2 표현식 삽입

• 템플릿 리터럴 내에서는 표현식 삽입을 통해 간단히 문자열을 삽입할 수 있다.
• ${ }으로 표현식을 감싸 삽입할 수 있다.
  • 이때 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제로 변환되어 삽입된다.
• 표현식 삽입은 반드시 템플릿 리터럴 내에서 사용해야 한다.

---

4. 불리언 타입

• 불리언 타입의 값은 논리적 참, 거짓을 나타내는 true와 false 뿐이다.
• 참과 거짓으로 구분되는 조건에 의해 프로그램의 흐름을 제어하는 조건문에서 자주 사용한다.

---

5. undefined 타입

• undefined 타입의 값은 undefined가 유일하다.
• var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화된다.
• undefined는 개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값이다.
• undefined를 개발자가 의도적으로 변수에 할당한다면 undefined의 본래 취지와 어긋날 뿐더러 혼란을 줄 수 있으므로 권장하지 않는다.
• 변수에 값이 없다는 것을 명시하고 싶을 땐 undefined을 할당하는 것이 아니라 null을 할당한다.

---

6.null 타입

• null 타입의 값은 null이 유일하다.
• 프로그래밍 언어에서 대소문자를 구별하므로 null은 NuLll, NULL 등과 다르다.
• 프로그래밍 언어에서 null은 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다.

---

7. 심벌 타입

• 심벌은 ES6에서 추가된 7번째 타입으로, 변경 불가능한 원시 타입의 값이다.
• 심벌 값은 다른 값과 중복되지 않는 유일무이한 값이다.
  • 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용한다.
• 심벌은 Symbol 함수를 호출해 생성한다.
  • 이때 생성된 심벌 값은 외부에 노출되지 않으며, 다른 값과 절대 중복되지 않는 유일무이한 값이다.

// 심벌 값 생성
var key = Symbol('key');
console.log(typeof key); // symbol

// 객체 생성
var obj = {};

// 이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용한다.
obj[key] = 'value';
console.log(obj[key]); // value

---

8. 객체 타입

• 자바스크립트는 객체 기반의 언어이며, 자바스크립트를 이루고 있는 거의 모든 것이 객체다.
• 위의 6가지 데이터 타입 이외의 값은 모두 객체 타입이다.

---

9. 데이터 타입의 필요성

9.1 데이터 타입에 의한 메모리 공간의 확보와 참조

• 값은 메모리에 저장하고 참조할 수 있어야 한다.
  • 메모리에 값을 저장하려면 먼저 확보해야 할 메모리 공간의 크기를 결정해야 한다.
• 자바스크립트 엔진은 데이터 타입, 즉 값의 종류에 따라 정해진 크기의 메모리 공간을 확보한다.
  • 변수에 할당되는 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정된다.

컴퓨터는 한 번에 읽어 들여야 할 메모리 셀의 크기를 어떻게 알 수 있는 걸까?
변수에 특정 타입의 값이 할당되어 있으므로 자바스크립트 엔진은 변수를 특정 타입으로 인식한다.

9.2 데이터 타입에 의한 값의 해석

• 자바스크립트의 모든 값은 같은 데이터 타입을 갖는다.

• 데이터 타입이 필요한 이유

  • 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해
  • 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해
  • 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해

  ---

  10. 동적 타이핑

10.1 동적 타입 언어와 정적 타입 언어

정적 타입 언어

• 정적 타입 언어는 변수를 선언할 때 변수에 할당할 수 있는 값의 종류, 즉 데이터 타입을 사전에 선언해야 한다.
  • 이를 명시적 타입 선언이라 한다.
  • char c;, int num;
• 정적 타입 언어는 변수의 타입을 변경할 수 없으며, 변수에 선언한 타입에 맞는 값만 할당할 수 있다.
• 정적 타입 언어는 컴파일 시점에 타입 체크를 수행한다.
  • 타입 체크 : 선언한 데이터 타입에 맞는 값을 할당했는지 검사하는 처리
• 정적 타입 언어
  • C, C++, 자바, 코틀린, 고, 하스켈, 러스트, 스칼라 등

동적 타입 언어

• 자바스크립트는 정적 타입 언어와 다르게 변수를 선언할 때 타입을 선언하지 않는다.
  • 다만 var, let, vonst 키워드를 사용해 변수를 선언할 뿐이다.
• 자바스크립트의 변수는 정적 타입 언어와 같이 미리 선언한 데이터 타입의 값만 할당할 수 있는 것이 아니다.

• 자바스크립트의 변수는 선언이 아닌 할당에 의해 타입이 결정된다. 그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다.
• 동적 타입 언어
  • 자바스크립트, 파이썬, PHP, 루비, 리스프, 펄 등

10.2 동적 타입 언어와 변수

• 동적 타입 언어는 어떤 데이터 타입의 값이라도 자유롭게 할당할 수 있다.

동적 타입 언어의 구조적 단점

• 변수 값은 언제든지 변경될 수 있기 때문에 복잡한 프로그램에서는 변화하는 변수 값을 추적하기 어려울 수 있다.
• 자바스크립트는 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동으로 변환되기도 한다.
• 동적 타입 언어는 유연성은 높지만 신뢰성은 떨어진다.

가독성이 좋은 코드가 좋은 코드다.

---

전체 노션 링크