[Core JS] 데이터 타입이란? - 소니아 개발 블로그

자바스크립트 데이터 타입을 왜 알아야 할까? 데이터 타입을 몰라도 상관없지 않을까? 그리고 데이터 타입은 무엇이며? 실전에 과연 사용되는 개념일까? 스스로 질문해보고 답변해보자.

먼저 데이터 타입이 무엇인지 알아보자. 문자 그대로의 의미는 데이터 + 타입 직역하면 데이터의 유형정도로 해석이 된다. 자바스크립트의 데이터의 유형 즉 데이터의 타입은 무엇이 있을까? 크게는 기본형, 참조형이 있다.

기본형

Number
string
boolean
null
undefined

참조형

Object
Array
Function
Date
RegExp
Map
Set

데이터 타입이 구분되어 있는 이유는 무엇일까?

동작하는 방식이 다르기 때문인데. 쉽게 데이터 복제시 기본형은 기본 그대로 값을 복사해서 넣어주는 반면, 참조형은 값이 담긴 주소값을 복사해서 전달하는 점이 다르다.

기본형과 참조형이 구분되어서 까지 데이터 타입이 있는 이유는 무엇일까?

바로 메모리 때문인데. 메로리를 효율적으로 관리하고자 기본형과 참조형으로 나누어져 있다. ~~현재 메모리 용량이 많아져서 굳이 그럴필요가 있나 생각이 든다.~~

간단하게 메모리에 대해 알아보자.메모리는 컴퓨터의 기억공간으로 0,1로 이루어져있다. 0,1로 이루어져 있는 메모리의 한 조각을 비트라고 한다. 메모리는 많은 비트들로 구성되어 있다. 메모리에 데이터를 저장하고 읽으려면 어떻게 해야할까? 뭐가 되었든 간에 데이터를 저장하고 저장한 위치를 알아야 접근하여 저장된 데이터를 알수 있다.

메모리는 저장된 위치를 메모리 주솟값을 통해 구분하고 연결할수 있다. 우리는 어떻게 메모리에 접근하고 있을까? 바로 변수를 통해서 메모리에 접근하여 데이터를 읽어온다.

var a = 123;

컴퓨터 입장에서 바라보면 메모리 주소 1000번지 에 이름이 a 이고 값이 123 인 데이터가 저장된다. 사람은 주소를 생각하지 않고 a 라는 데이터에 123 숫가 저장된다고 통상 생각하게 된다.

자바스크립트는 왜 데이터 타입을 적어 선언하지 않을까?

일반적으로 변수를 선언할 때 데이터 타입을 적어 선언하는 경우가 있는 반면, 자바스크립트의 경우 데이터 타입을 적지 않고 변수를 선언한다. 이렇게 된 이유를 간단하게 설명하자면 과거에는 메모리의 크기가 크지 않아서 메모리를 효율적으로 관리할 필요가 있었다. 이에따라 c, c++, java는 데이터 타입을 선언하여 좀더 효율적으로 메모리를 관리 할 수 있었다. 그러나 메모리 용량이 월등히 커진 상황에 등장한 자바스크립트는 상대적으로 메모리 관리에 대한 압박이 적었다. 그래서 타입에 상관없이 메모리 공간을 좀더 넉넉하게 잡을 수 있었다. 이러한 이유로 자바스크립트는 타입 상관없이 값을 할당할 수 있도록 구현 되었다.

자바스크립트 변수 선언과 데이터 할당

자바스크립트에서 변수 선언은 ES5 이전 var ES6 이후 let, const가 추가 되었다. 변수 선언과 데이터 할당은 상대적으로 어렵지 않다.

var a;      // 선언 
a = 1;      // 할당

let b;      // 선언
b = 1;      // 할당

const c;    // 선언
c = 3;      // 할당

자바스크립트 변수 선언과 데이터 할당의 동작 과정

먼저 기본형 변수가 어떻게 선언되고 데이터가 어떻게 할당되는지 알아보자.

var a = 1;  // 할당

let b;      // 선언
b = 1;      // 할당

컴퓨터 내부에서는 특정 주소에 공간 하나를 확보한다. 특정 주소를 1000로 가정하자.
그 공간의 이름을 a로 지정한다. 여기까지가 변수 a의 선언이다.
이어서 할당 과정을 진행하자 2000에 8byte 만큼의 공간을 확보하여 데이터를 1을 삽입힌다.
이후 변수 영역의 1000 주소에 데이터 영역의 주소 2000를 할당한다.

변수동작

변수 a가 선언되고 값이 할당되는 과정을 살펴보았다.
다음으로 변수 b가 어떻게 선언되고 할당되는지 살펴보자.

변수 b또한 동일하게 특정 주소에 공간 하나를 확보한다. 특정주소를 1001로 가정하자.
그 공간의 이름을 b로 지정한다. 여기까지가 변수 b의 선언이고 변수 a와 동작이 동일하다.
이후 1001주소에 데이터 1이 있는지 확인 후 데이터가 있으므로
변수 1001 주소에 데이터 1의 영역의 주소 2000를 할당한다.

변수 a와 b가 어떻게 선언되고 할당되는지 알아보았다. 데이터 영역의 값을 공유함으로써 메모리를 좀더 효율적으로 사용하고 있음을 알 수 있다.

둘째로 참조형 변수가 어떻게 선언되고 데이터가 어떻게 할당되는지 알아보자.

var person = {
    name : "changSun",
    age : 27,
    emoticon : [1,2,3,4] 
}

데이터 영역과, 변수 영역이 분리되어 있을까?

그 이유는 중복된 데이터를 재활용하여 더욱더 많은 메모리를 사용할수 있기 때문이다.