Deep Dive - 6 (데이터 타입)

자바스크립트 언어

• 자바스크립트는 동적 타이핑 특징을 가지고 있고 동적 타입 언어라 한다.
• 동적 타입 언어는 변수의 타입은 선언이 아닌 할당에서 결정(타입 추론) 이 되고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다.

 

데이터 타입의 종류

• 자바스크립트는 총 7개의 데이터 타입을 제공하고 그중 원시 타입(primitive type)과 객체 타입(object/reference type)으로 분류된다.
  • 원시 타입 : number(숫자), string(문자열), boolean(참, 거짓), undefined(자료형 미설정), null(값이 없음), Symbol(ES6에서 추가된 타입)
  • 객체 타입 : 객체{ }, 배열[ ], 함수 등..

 

Number (숫자)

• 다른 언어는 정수와 실수를 구분해 int, long, float, double 등 다양하지만 자바스크립트는 단 한 개의 타입이다.
• 숫자 타입의 값은 정수, 실수, 2진수, 8진수, 16진수 리터럴은 모두 메모리에 배정밀도 64비트 부동소수점 형식의 2진수로 저장된다.
• 2진수, 8진수, 16진수를 위한 데이터 타입이 없기에 이들 값을 참조하면 모두 10진수로 해석된다.
• 자바스크립트의 숫자 타입은 모든 수를 실수로 처리.
• 배정밀도 부동소수점 : 64비트로 구성되고 모든 값은 실수이며 소수점이 고정되어 있지 않다. (자세한 설명)

 

- 숫자 타입의 특별한 값

• Infinity: 양의 무한대
• -Infinity: 음의 무한대
• NaN: 산술 연산 불가(not-a-number)
  • 자바스크립트는 대소문자를 구별한다. NaN을 nan, Nan 으로 표기하면 틀리므로 주의.

 

String (문자열)

• 문자열은 0개 이상의 16비트 유니코드 문자(UTF-16)의 집합으로 전 세계 대부분의 문자를 표현할 수 있다.
• (' ') 작은따옴표, 큰따옴표(" "), (` `) 백 틱으로 텍스트를 감싸서 이용한다. 주로 작은따옴표를 이용.
• 따옴표나 백 틱으로 감싸지 않으면 문자열은 키워드, 식별자 같은 토큰으로 인식한다.
• 문자열은 변경 불가능한 값(immutable value)이다.

 

template literal (템플릿 리터럴)

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

 

- 멀티라인 문자열

• 일반 문자열과 달리 띄어쓰기가 가능하다.

const str = 'hello world'; // Invalid or unexpected token

const str1 = `hello world`;

일반 문자열 공백을 표현하려면 백 슬래시(\)로 시작하는 이스케이프 시퀀스를 사용해야 한다.

 

 

- 표현식 삽입

//ES5 문자열 연산

let first = "hello";
let second = "world";

console.log("every" + " " + first + " " + second); // 'every hello world'

//표현식 삽입

let first = "hello";
let second = "world";

console.log(`every ${first} ${second}`); // 'every hello world'

• 표현식 삽입을 통해 가독성 좋고 간편하게 문자열을 조합할 수 있다.
• ${ }으로 감싼 평가결과가 문자열이 아니어도 문자열로 타입이 변환된다.

 

boolean (불리언)

• 불리언 타입은 true와 false로 이루어져 있다.
• 보통 조건문에서 많이 사용한다.

if (true) {
  console.log("hello world"); 
}

// 'hello world'

if (false) {
  console.log("hello world"); 
}

// 미실행

 

Undefined (정의되지 않은)

• var, let 키워드를 선언하고 값을 할당하지 않으면 자바스크립트 엔진이 자동으로 변수를 초기화하기 위해 undefined를 할당한다.(메모리에 들어있는 쓰레기 값을 정리) 
• 즉, undefined는 개발자가 의도적으로 할당하기 위한 값이 아니고 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값이다.
• 개발자가 undefined를 할당할 수 있지만 이건 본래의 취지와 어긋나고 혼란을 줄 수 있으므로 권장하지 않는다.
• 변수에 값이 없음을 개발자가 명시하고 싶다면 null을 이용하도록 하자.

 

null ( 의도적 부재 )

• null은 값이 없다는 것을 의도적으로 명시할 때 사용한다.
• 변수에 null을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미이고 이전에 할당되어 있는 값에 대한 참조를 제거하는 것을 의미한다.

let test = 'hello';

test = null;

console.log(test) // null

 

Symbol  (심벌)

• ES6에서 추가된 타입, 값의 변경이 불가능하다.
• 다른 값과 중복되지 않으며 유일무이하여 다른 값과 충돌할 일이 없다.
• 값은 외부에 노출되지 않는다.

 

객체 타입 (배열, 객체, 함수 등)

• 객체에 대해서는 추후 원시 타입과의 비교에서 살펴볼 예정 (링크 추가 예정)
• 자바스크립트는 객체 기반의 언어이고 위에 살펴본 6가지의 언어 이외에는 전부 객체 타입이다.

 

데이터 타입의 필요성

• 값은 메모리에 저장하고 참조할 수 있어야 한다. 이때 메모리에 값을 저장하려면 확보할 메모리 공간의 크기를 결정해야 하는데 얼만큼의 공간을 사용해야 낭비와 손실 없이 값을 저장할 수 있는지 알아야 한다.
• 자바스크립트 엔진은 데이터 타입에 따라 메모리 공간을 확보한다. 즉, 변수에 할당되는 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정된다.
• 메모리에서 읽어 들인 2진수로 저장되어 있는 값은 데이터 타입에 따라 다르게 해석된다. 0100 0001 은 숫자 타입으로 65지만 문자열로 해석하면 'A' 다.
  1. 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해
  2. 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해
  3. 메모리 에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해
• 위 세 가지 이유로 데이터 타입이 필요한 이유를 설명할 수 있다.