Data types

변수라는 상자에 담을 수 있는 내용물의 종류인 **자료형(Data Types)**에 대해 알아보겠습니다.

자바스크립트의 자료형은 크게 **원시 타입(Primitive Type)**과 **객체 타입(Object Type)**으로 나뉩니다.

---

1. 원시 타입 (Primitive Types)

값이 복사되어 전달되며, 가장 기본이 되는 데이터 형태입니다.

• 숫자형 (Number): 정수와 실수를 구분하지 않고 하나의 숫자 타입으로 취급합니다.
• 문자열 (String): 텍스트 데이터를 나타내며 큰따옴표(")나 작은따옴표(')로 감쌉니다.
• 불리언 (Boolean): 논리적인 요소인 true(참)와 false(거짓) 두 가지만 가집니다.
• undefined: 변수를 선언만 하고 값을 할당하지 않았을 때 자바스크립트 엔진이 자동으로 할당하는 값입니다.
• null: 값이 '없음'을 의도적으로 명시할 때 사용합니다. (빈 상자라는 것을 직접 표현)
• 심볼 (Symbol): 유일하고 변경 불가능한 식별자를 만들 때 사용합니다. (ES6 추가)
• BigInt: 아주 큰 정수를 안전하게 다룰 때 사용합니다.

---

2. 객체 타입 (Object/Reference Types)

여러 데이터를 하나로 묶은 복합적인 데이터 형태입니다.

• 객체 (Object): 키(Key)와 값(Value)의 쌍으로 이루어진 데이터 뭉치입니다.
• 배열 (Array): 여러 값들을 순서대로 나열한 목록입니다.
• 함수 (Function): 실행 가능한 코드 블록도 자바스크립트에서는 자료형의 일종으로 취급합니다.

---

3. typeof 연산자

내가 가진 변수가 어떤 자료형인지 확인하고 싶을 때 typeof 연산자를 사용합니다.

JavaScript

 

console.log(typeof 123);         // "number"
console.log(typeof "Hello");     // "string"
console.log(typeof true);        // "boolean"
console.log(typeof undefined);   // "undefined"
console.log(typeof null);        // "object" (자바스크립트의 유명한 설계상 오류 중 하나입니다.)
console.log(typeof { name: "Kim" }); // "object"
console.log(typeof [1, 2, 3]);   // "object" (배열도 객체의 일종입니다.)

---

🖥️ 실전 예제 코드: "자료형 활용"

JavaScript

 

// 1. 숫자와 문자열의 조합
let age = 25;
let greeting = "제 나이는 " + age + "살입니다."; 

// 2. 불리언 활용
let isStudyFinished = false;

// 3. 배열과 객체 (복합 자료형)
let colors = ["red", "green", "blue"];
let user = {
    userName: "Alice",
    userAge: 30
};

---

학습 정리

• 자바스크립트는 변수를 만들 때 자료형을 미리 정하지 않는 동적 타이핑 언어이다.
• 원시 타입은 단순한 값을, 객체 타입은 여러 값의 집합을 저장한다.
• **null**은 개발자가 직접 비워둔 값이고, **undefined**는 아직 값이 정해지지 않은 상태이다.

---

자바스크립트가 데이터를 인식하는 방식인 자료형까지 모두 섭렵하셨습니다!

---