처음 배우는 자바스크립트 데이터 타입, 쉽고 간단하게 - CodeCaine 티스토리

안녕하세요! 😊 자바스크립트 데이터 타입, 어렵지 않아요!

자바스크립트를 배우면서 가장 먼저 접하는 개념 중 하나가 데이터 타입이에요. 데이터 타입은 우리가 사용하는 값을 자바스크립트가 어떻게 이해하고 처리하는지 결정하는 중요한 역할을 합니다. 마치 다양한 크기의 그릇이 음식(데이터)을 담기 위해 준비된 것처럼요! 🍲

---

📚 자바스크립트의 데이터 타입 종류

자바스크립트 데이터 타입은 크게 원시 타입(Primitive Types)과 참조 타입(Reference Types)으로 나뉩니다.

---

1. 원시 타입 (Primitive Types)

원시 타입은 변경 불가능한 값이에요. 예를 들어, 종이에 "Hello"라고 적으면 글자를 지우지 않는 이상 내용은 그대로죠! 자바스크립트에서 원시 타입은 7가지가 있어요.

1️⃣ String (문자열)

• 텍스트 데이터를 나타내요.
• 예: "Hello, World!", 'CodeCaine'

2️⃣ Number (숫자)

• 모든 숫자 데이터를 포함하며, 정수와 실수를 구분하지 않아요.
• 예: 42, 3.14

3️⃣ BigInt (큰 정수)

• 아주 큰 정수를 처리할 때 사용해요.
• 예: 123456789012345678901234567890n

4️⃣ Boolean (불리언)

• 참(true) 또는 거짓(false) 값을 가지는 논리 타입이에요.
• 예: true, false

5️⃣ Undefined (정의되지 않음)

• 값이 할당되지 않은 변수를 나타내요.
• 예: let a; // a는 undefined

6️⃣ Null (빈 값)

• 의도적으로 "값이 없음"을 나타내요.
• 예: let b = null;

7️⃣ Symbol (심볼)

• 고유한 식별자를 만들 때 사용해요.
• 예: Symbol('id')

---

2. 참조 타입 (Reference Types)

참조 타입은 객체(Object)로 구성되며, 값이 아닌 참조(주소)를 저장합니다. 마치 지도에서 특정 위치를 가리키는 주소와 같아요. 🗺️

1️⃣ Object (객체)

• 여러 키-값 쌍을 저장할 수 있는 구조예요.

• 예:

  let person = { name: "John", age: 30 };

2️⃣ Array (배열)

• 여러 데이터를 순서대로 저장하는 리스트예요.

• 예:

  let fruits = ["Apple", "Banana", "Cherry"];

3️⃣ Function (함수)

• 특정 작업을 수행하는 코드의 집합이에요.

• 예:

  function sayHello() {
    console.log("Hello!");
  }

4️⃣ Date (날짜)

• 날짜와 시간을 처리할 때 사용해요.

• 예:

  let now = new Date();

5️⃣ RegExp (정규 표현식)

• 패턴을 정의하여 텍스트를 검색하거나 조작해요.

• 예:

  let pattern = /hello/;

---

✨ 주요 특징 비교

원시 타입	참조 타입
값 자체를 저장합니다.	주소(참조 값)를 저장합니다.
크기가 고정되어 있어요.	크기가 가변적입니다.
값 변경 시 새로운 값을 생성해요.	값 변경 시 동일한 주소를 사용합니다.

---

💻 예제 코드: 데이터 타입 확인하기

let name = "CodeCaine"; // 문자열
let age = 25;           // 숫자
let isActive = true;    // 불리언
let bigNumber = 12345678901234567890n; // 빅인트
let fruits = ["Apple", "Banana", "Cherry"]; // 배열
let person = { name: "John", age: 30 };    // 객체

// 데이터 타입 확인
console.log(typeof name);       // "string"
console.log(typeof age);        // "number"
console.log(typeof isActive);   // "boolean"
console.log(typeof bigNumber);  // "bigint"
console.log(typeof fruits);     // "object"
console.log(typeof person);     // "object"

---

😊 마무리하며..

자바스크립트의 데이터 타입은 코드를 짤 때 우리가 데이터를 다룰 수 있는 기본 도구예요. 처음엔 복잡해 보여도, 자주 쓰다 보면 자연스럽게 익숙해질 거예요! 작은 것부터 차근차근 시작해 보세요. 여러분은 잘할 수 있어요! 💪