[모딥다] 06장 데이터 타입

(수정 23.4.26)

 

JS (ES6) 는 7개의 데이터 타입을 제공한다. 

구분	데이터 타입	설명
원시타입	Number	숫자, 정수...
	String	문자
	Boolean	논리적 true, false
	undefined	var 키워드에 선언된 변수에 암묵적으로 할당되는 값. (선언만 되고 초기화 안됨)
	null	값이 없음을 의도적으로 명시할 때 사용
	symbol	ES6 에서 추가된 7번째 타입
객체 타입	함수, obj, array...	객체, 배열, 함수 등

 

 

 

🏝️ 6.1 숫자 타입

 

- 다른 언어와 달리, 하나의 숫자 타입만 존재한다.

- 숫자타입은 모두 메모리에 64비트 부동소수점 형식의 2진수로 저장됨. 

- 모든 수는 실수. (정수타입은 따로 없음) => 정수끼리 나눠도 실수가 나올 수 있다. 

- 2진수, 8진수, 16진수를 위한 타입도 없음. 

- Infinity, -Infinity, NaN(not a number) 도 있음.

 

 

 

🏝️ 6.2 문자열 타입

 

- " ", ' ', ` ` 로 표기 가능

- 가장 일반적인 표기법 ' '

- 표기하는 기호를 문자열로 만들고 싶다면 다른 기호로 감싸주면 된다. ex) console.log(" ' ' "); => ' ' 출력됨

- 원시타입이기 때문에 변경 불가능한 값이다. 

 

 

 

🏝️ 6.3 템플릿 리터럴

 

- 백틱 `` 을 사용한 표기법

- 런타임에 일반 문자열로 변환되어 처리됨. 

 

6.3.1 멀티라인 문자열

일반 문자열에서는 줄바꿈이 허용이 되지 않아서 이스케이프 시퀸스를 사용해야한다.

🎵 라인 피드(\n) 와 캐리지 리턴 (\r)

- 초창기 타자기 사용에서 생성됨. 원래는 뜻 다른데, 요즘은 둘 다 개행을 의미함. 주로 \n 으로 사용함.

 

-  `` 백틱 을 사용하면 escape sequence 를 사용하지 않고도 줄바꿈, 공백 등이 있는 그대로 허용된다. (HTML 코드도 그대로 가져올 수 있음)

 

6.3.2 표현식 삽입

문자열은 + 연산자를 이용해서 연결할 수 있음. 

+ => 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작. 즉, 피연산자를 모두 문자로 바꿔버림. 

템플릿 리터럴`` 에서는 ${} 를 이용해 표현식을 삽입해서 간편하게 사용할 수 있다. 

 

 

 

🏝️ 6.4 불리언 타입

 

논리적 참, 거짓을 나타내는 true, false 뿐. 

(falsy, trusy 값을 아는게 중요)

 

 

 

🏝️ 6.5 undefined 타입

 

var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화됨.

즉, 변수 선언에 의해 확보된 메모리 공간을

처음 할당이 이뤄질 때까지 빈 상태로 내버려두지 않고 undefined로 초기화함. 

undefined는 개발자가 의도적으로 할당하기 위한 값이 아니라, JS 엔진이 변수를 초기화 할 때 사용하는 값임. 그러니 undefined를 의도적으로 할당하지 말 것. 

변수에 값이 없다는걸 명시하고 싶다면 null 을 사용하자. 

 

 

 

🏝️ 6.6 null 타입

 

대소문자 구분하므로 null 로 써야함. 

null 을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미. 

참조되던 값은 메모리 공간 낭비이므로 JS 에서 garbage collection이 수행됨. 

함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null 을 반환하기도 함. (HTML 요소를 불러오지 못하는 경우 등)

 

 

 

🏝️ 6.7 심벌 타입

 

7번째로 추가된 값으로, 변경 불가능한 원시타입. 

심벌 Symbol 은 다른 값과 중복되지 않는 유일무이한 값.

-> 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용함. 

심벌은 리터럴로 생성하는게 아닌, 함수를 호출해 생성한다. 이 때 생성된 심벌 값은 외부에 노출되지 않는다.

const key = Symbol('key');

 

 

 

🏝️ 6.8 객체 타입

JS 를 이루고 있는 거의 모든 것이 객체라는 것만 알아두고 넘어감

 

 

 

🏝️ 6.9 데이터 타입의 필요성

 

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

JS 엔진은 변수에 할당되는 값의 데이터 타입에 따라 메모리 공간의 크기를 얼마나 확보할지 결정한다.

값을 참조하려면 한 번에 읽어들여야 할 메모리 공간의 크기, 즉 메모리 셀의 개수를 알아야한다.

=> 컴터는 할당된 값의 타입을 보고 메모리 크기를 파악한 후 저장된 값을 읽어들인다.

 

🎵 데이터 타입에 따라 메모리 공간의 크기

- 문자열과 숫자 타입 제외하고는 정확히 알 수 없음. (제조사마다 다름)

- ECMAScript 에서 64비트 부동소수점 형식을 사용한다고 했으니, 8비트로 숫자를 표현하는 셈 침. 

 

 

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

메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 

ex) 0100 0001 :: 숫자 = 65 이지만 문자열 = 'A' 임

 

 

🎵 데이터 타입이 필요한 이유 정리

 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해

값을 참조할 때 한번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해

메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해

 

 

 

🏝️ 6.10 동적 타이핑

 

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

JS는 동적 타입.

정적 타입 언어는 변수를 선언할 때 타입도 함께 선언해줘야함. -> 명시적 타입 선언, 타입 변경 불가능

동적 타입 언어는 미리 선언한 타입 외에, 어떤 데이터의 값이라도 자유롭게 할당이 가능하다.

typeof 로 데이터 타입을 알 수 있다.

JS의 변수는 선언이 아니라, 할당에 의해 타입이 결정(타입 추론) 된다.

그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있음.  => 동적 타이핑

 

6.10.2 동적 타입의 언어와 변수

변수에 할당하는 값의 타입이 자유로운 대신, 값을 확인하기 전에는 타입을 확신할 수 없는 단점이 있다.

더욱이 개발자의 의도와는 상관없이 JS 엔진에 의해 암묵적으로 타입이 변환되기도 한다.

동적 타입 언어는 유연성은 높지만 신뢰성은 떨어짐. 

 

🎵 변수 사용 시 주의 사항

- 변수의 개수가 많을 수록 오류 발생률도 높아진다.

- 변수의 유효범위가 넓을 수록 오류 발생률이 높다.

- 전역변수는 최대한 지양한다.

- 변수보다는 상수를 이용하기. const 

- 변수 이름은 목적, 의미를 파악할 수 있도록 네이밍하기. 

- 코드는 오해하지 않도록 작성해야한다. 오해 -> 커뮤니케이션 어렵게 함 -> 생산성 & 팀 사기 저하

- 사람이 이해할 수 있는 코드, 즉 가독성이 좋은 코드가 좋은 코드임!