🧠 자바스크립트 자료형(Data Type)

📌 자료형이란?

• 데이터의 종류
• 자바스크립트는 총 7개의 기본 타입(6개의 원시타입 + 1개의 객체 타입)을 가지고 있습니다.

---

🔹 원시 타입 (Primitive Type)

타입	설명
boolean	true / false (조건문, 논리 판단 기준)
null	"없음"을 의미하는 값 (개발자가 명시적으로 지정)
undefined	값이 할당되지 않은 변수의 기본 값
number	정수, 실수 등 숫자형
string	텍스트 데이터
symbol	고유한 식별자를 만들 때 사용 (ES6)
BigInt	매우 큰 정수를 표현할 수 있는 타입 (123n 형식)

🔸 객체 타입 (Object Type)

• 두 개 이상의 복잡한 개체를 저장하는 데 사용
• {} 중괄호로 생성하며, key-value 쌍으로 구성
• 다수의 원시자료형을 포함하거나 복잡한 개체(Entity)를 표현할 수 있는 자료형
• 접근은 objecy.key형태로 표현
• 변수를 주소값에 넣어서 저장

let user = {
  name : "John",
  age : 27
}

✅ 객체 접근

console.log(user.name); -> OUTPUT : John
-> user라는 위치에서 name이라는 번지를 찾는다

✅ 객체 추가

user.weight = 72;

✅ 객체 삭제

delete user.weight;

⚠️ 객체 복사 시 문제점

• 객체는 주소값을 참조하므로, 복사 후 값을 변경하면 원본도 함께 변경됨

👏🏻 복사 문제점 해결 방안

✅ 얕은 복사(Shallow Copy)

• 내부 객체는 참조만 복사되므로 한 단계까지만 복사
  - for 문
  - Object.assign(복사할 곳, 복사할 값)
  - spread 연산자
  - ❗ 중첩 객체가 있을 경우 내부까지 복사되지 않음

✅ 깊은 복사 (Deep Copy)

• 내부 객체까지 완전히 복사
• 재귀 함수
• JSON.parse(JSON.stringify(obj)) (단점: 함수/심볼 누락) ➡️ 서버와 데이터를 주고받을때 주로 사용

---

📏 자료형 확인 방법

typeof 123; // "number"
typeof null; // "object" ❗ (자바스크립트 설계상 버그)
typeof undefined; // "undefined"
typeof {} // "object"
typeof [] // "object"
typeof (() => {}) // "function"

❗ typeof null은 “object”로 나오는 역사적 버그입니다.
배열과 객체는 모두 "object"로 나오므로 주의!

---

🔄 형 변환 (Type Conversion)

• 느슨한 타입 언어 혹은 동적 타입 언어로 변수의 자료형은 명시적으로 선언할 필요가 없는 언어

✔️ 암묵적 형 변환 (자동)

자바스크립트는 동적 타입 언어이므로 상황에 따라 자동으로 형 변환을 수행

"5" * 2    // 10 (string → number)
true + 1   // 2  (boolean → number)

✔️ 명시적 형 변환 (강제)

🔡 문자열로 변환 : String()

String(123); // "123"
123 + "";     // "123" (암묵적)

으로 형변환

🔢 문자열로 변환 : Number()

• parseInt() -> 정수 변환
• parseFloat -> 실수 변환

Number("123");      // 123
parseInt("123.45"); // 123
parseFloat("123.45"); // 123.45
+"123";              // 123 (단항 연산자)

❗️ Boolean으로 변환 : Boolean()

• False 가 나오는 값 : 빈 문자열 , NaN, Null, undefined

Boolean("hello"); // true
Boolean("");      // false