👊 코어 자바스크립트 - 1장. 데이터 타입(1)

웹 프론트엔드 개발자로 성장하기 위해 우테코에서 추천받은 책을 읽고

❓ 추천받은 이유

ES2015+부터 학습하는 시대에 이전 스펙의 필요성을 느끼기 어려울 수 있다. 하지만 이전 스펙의 핵심 개념들은 여전히 유효하며 이를 무시할 수 없다.
이 책에서는 JavaScript의 핵심 개념들 중 현시대에도 유효한 것들 위주로 적절하게 간추려져 있다.
또한 원리와 이해를 목적으로 두고 있어 JavaScript 언어론 기반 지식을 쌓는데 매우 유용하다.

❗ 책을 읽고

이 책은 한가지의 주제를 다룬다.

핵심 개념과 동작원리로 이해하는 자바스크립트 프로그래밍

자바스크립트의 핵심 개념들을 정확히 이해하고, 다양한 실무 환경 속에서 자바스크립트의 전반적인 구동 원리를 파악해서 앞으로 나아갈 수 있는 기반을 만들어 보자.

✔️ 데이터 타입

1. 기본형(primitive type)

값이 담긴 주솟값을 바로 복제한다.

• 숫자
• 문자열
• 불리언(boolean)
• null
• undefined
• Symbol(ES6에서 추가)

2. 참조형(reference type)

값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제한다.

• 객체
• 배열
• 함수
• 날짜
• 정규표현식
  (아래로 ES6에서 추가)
• Map
• WeakMap
• Set
• Weak Set
  ...
  

---

✔️ 메모리와 데이터

비트: 0또는 1만 표현할 수 있는 하나의 메모리 조각

• 고유한 식별자를 통해 위치를 확인할 수 있다.
• 비트 단위로 위치를 확인하는 것은 매우 비효율적인 작업이다.
• 이를 보완하기 위해 몇 개씩 묶어 하나의 단위로 여겨 표현할 수 있는 값을 늘리면서, 검색 시간을 단축하기 위해 만들어 진것이 바이트다.

바이트: 8개의 비트로 구성된 단위

• 1바이트는 256(2^8)개의 값을 표현할 수 있습니다.
• C, C++, JAVA와 같은 정적 언어는 과거 메모리 부족으로 낭비를 최소화 하기위해 데이터 타입별로 할당할 메모리 영역을 2바이트, 4바이트로 나눠 정해놓았습니다.
• 자바스크립트는 상대적으로 메모리 관리에 대한 압박에서 자유로워져 메모리 공강을 넉넉하게 확보합니다.
• 모든 데이터는 바이트 단위의 식별자, 더 정확하게 메모리 주솟값을 통해 서로 구분하고 연결이 가능합니다.

---

✔️ 식별자와 변수

변수: '데이터', 변할 수 있는 무언가
식별자: '변수명', 데이터를 식별하는데 사용하는 이름

---

✔️ 변수 선언과 데이터 할당

변수 선언

var a; // 변할 수 있는 데이터를 만든다. 이 데이터의 식별자는 a로 한다.

❗ 변수란 변경 가능한 데이터가 담길수 있는 공간 또는 그릇

데이터 할당

var a; // 변수 a 선언
a = 'abc'; // 변수 a에 데이터 할당

var b = 'bcd'; // 변수 a를 선언하면서 데이터를 할당

---

✔️ 자바스크립트의 데이터 구조 이해

1. 메모리에서 비어있는 공간을 확보
2. 임의의 주소에 데이터의 이름과 값을 할당

❓문자열 'abc'는 직접 저장되지 않는다?

데이터를 저장하기 위한 별도의 메모리 공간을 확보해서 문자열(데이터)을 저장하고, 그 주소를 변수 영역에 저장

❗이유:

1. 데이터를 자유롭게 변환 가능하게 함

2. 메모리를 더욱 효율적으로 관리하기 위해

3. 변수 영역과 데이터 영역을 분리하면 중복된 데이터에 대한 처리 효율이 높아진다.

❗결론❗

변수를 선언하고 데이터를 할당하기 위해서
아래와 같은 과정을 자바스크립트는 시행한다.

1. 변수 영역에서 빈 공간을 확보한다.
2. 확보한 공간의 식별자를 지정한다.
3. 데이터 영역의 빈 공간에 문자열(데이터)을 저장한다.
4. 변수 영역에서 해당하는 식별자를 검색한다.
5. 앞서 저장한 문자열(데이터)의 주소를 변수 영역에서 채운 공간에 대입한다.

• ❗❗ 문자열은 기존 문자열에 어떤 변화를 가하든 상관 없이 무조건 새로 만들어 별도의 공간에 저장한다.