📗자료형의 종류

const age = 40;

우리가 작성했던 코드를 보면,

1. age 라는 이름의 단어(변수)를 만들고

2. 40이라는 숫자를 할당했습니다.

자바스크립트에서 우리가 변수에 담을 수 있는 데이터의 종류는 미리 정해져 있습니다. 정해진 데이터 외에는 변수에 담을 수 없습니다. 🙅🏻‍♂️

그래서 프로그래밍 언어를 처음 배울때는, 이 언어에서 우리가 어떤 종류의 데이터들을 사용 가능한지 알아보는 것이 가장 첫 입문 단계이기도 합니다.

조금 전문적으로 말하자면, 어떤 자료형(타입)들의 데이터가 있는지 알아두어야 합니다.

위에서 우리가 age 라는 변수에 할당했던 40이라는 숫자는, (이미 예상하셨겠지만) "숫자"라는 카테고리에 속하는 값입니다. 자바스크립트에는 숫자 자료형이 이미 존재하기 때문에 우리가 변수에 할당하는 값으로 40이라는 숫자를 사용할 수 있었던 것입니다.

그렇다면, 숫자를 포함하여 어떤 종류의 데이터들을 우리가 변수에 담아 사용할 수 있는지 한번 간략하게 살펴보고 지나가겠습니다. 😎

자료형의 종류 (목록 암기)

자바스크립트에 존재하는 데이터 타입은 다음과 같습니다. 이 목록은 많지 않기도 하고, 기본적인 사항이니 우선은 암기를 하시는 것도 권장드립니다.

데이터 타입 혹은 자료형은 같은 말입니다. 혹시 용어가 어렵다면, 지금 당장은 "우리가 변수에 담을 수 있는 모양"이라고 의미를 이해하셔도 괜찮습니다.

즉, 아래 목록에 있는 것들 외에는 변수에 담을 수 없습니다.

각 자료형에 대해 조금 더 상세한 내용은 다음 단계에서 하나씩 살펴볼 예정이고, 이번에는 우선 간략하게 어떻게 생긴 녀석들인지 정도만 소개해드리겠습니다.

1. 숫자 자료형 (Number)

숫자 자료형은 기존에 우리가 봤던 것처럼 단순한 숫자 형태입니다. 여러분이 원하는 숫자를 마음껏 표현할 수 있습니다.

const age = 40;

2. 문자 자료형 (String)

문자 자료형은 "문자열"이라고도 부릅니다. 문자열 또한 이전 단계에서 이미 보셨던 자료형입니다. 우리가 텍스트 내용을 사용하고 싶을 때는 따옴표 안에 적어야 한다고 했던 부분을 기억하시나요? 기억하지 못하신다면 내용을 자세히 안 보고 계신가보네요. 조금 더 긴장하시고 섬세하게 보셔야 할것 같습니다.

따옴표 안에는 여러분이 원하는 텍스트 내용을 자유롭게 사용할 수 있습니다.

const myName = "ken";

3. 불리언 자료형 (Boolean)

불리언 자료형을 불린이라고 부르는 분들도 있습니다. 불리언이 불린이면, 저는 어린이.. 농담입니다. 영어로는 불리언이라는 발음이 맞지만, 국내에는 불린이라고 부르는 분들도 많으니 편하신대로 부르셔도 괜찮습니다.

불리언은 쉽게 말해,

"그려?"

"안 그려?"

입니다.

"그려"는 true 이고, "안 그려"는 false 입니다. 제 고향은 어디일까요?

const isMyHomeNYC = true;
const isMyHomeSeoul = false;

true, false 는 소문자입니다. 코드를 작성할때는 대소문자 또한 정확히 일치해야 합니다.

4. null 자료형

null 이라는 자료형은 생소하죠? 특히 프로그래밍 경험이 없는 분들이라면 많이 생소할텐데요. 우선 영어 단어의 의미부터 알아볼까요?

null은 아무런 가치가 없다, 혹은 무효다 등의 의미를 갖고 있습니다. 프로그래밍에서도 동일한 의미로 사용됩니다.

const myWallet = null;

위 문장은, 제 지갑은 아무런 가치가 없다는 뜻이겠네요. 젊었을 때부터 저축을 생활화하셔야 합니다, 여러분. 😢

5. undefined 자료형

우선 마찬가지로 undefined라는 단어의 의미를 생각해볼까요?

영어 단어의 앞에 un 이 붙으면 어떤 의미인가요? 언타이틀이라는 가수를 아시나요? 죄송합니다.. 검색해보지 마세요.

아무튼, un 이라는 접두사가 붙으면 반대의 의미가 되죠?

defined라는 영어는 "정의된"이라는 뜻입니다. define은 "정의하다"라는 동사이고, 동사의 과거형은 때때로 형용사로 사용되니까요.

그렇다면, undefined는 "정의되지 않은" 이라는 뜻이겠네요. 🤓

const myLife = undefined;

삶을 정의하기는 어렵죠.

undefined는 "정의되지 않은"이라는 의미고, null은 "아무런 가치가 없다"는 의미입니다. 자세한 차이점은 나중에 이야기 하겠지만, 그 의미만 봐도 동일한 의미가 결코 아닙니다. 👉🏻 내 지갑은 아무런 가치가 없다.

👉🏻 내 지갑은 정의되지 않았다. 두 가지 단어가 같은 의미라면 위 두 문장도 동일한 의미여야겠죠?

다시 한번 말씀드리지만, 지금은 간단히 소개만 해드리고 구체적으로 각각의 자료형을 언제 어떻게 사용하는지는 후속 단계에서 상세히 살펴보겠습니다.

6. 객체 자료형 (Object)

객체 자료형은 조금 더 복잡하고, 객체 자료형에는 세부적으로 아래와 같이 3가지가 포함되어 있습니다.

1. 일반 객체: {중괄호} 사용

2. 배열: [대괄호] 사용

3. 함수: function 예약어 + (소괄호) + {중괄호} 사용

위 세 가지에 대해서 시간이 조금 지난 후에 자세히 이야기 할 예정이니, 우선은 한번 봐두기만 하세요.

지금은 객체라는 자료형이 있고, 일반 객체, 배열, 함수라는게 있구나 정도만 인식해두시면 충분합니다.

// 일반 객체
const object = {
  age: 40
};

// 배열
const list = [ 1, 2, 3 ];

// 함수
const doSomething = function () {
  console.log(40);
};

7. 심볼 자료형 (Symbol) & 빅인트 자료형 (BigInt)

심볼과 빅인트 자료형은 실제로 활용도가 크지 않아서 급하게 초반에 다룰 필요는 없는 내용입니다. 자료형의 이름 정도만 알아두시고 잠자기 전에 유튜브 보지 마시고 이런 자료형에 대해 잠시 찾아보시면 충분합니다. 🥸