[리액트 기초 스터디] JavaScript 자료형 정리

목차 (OPEN)

• 📌 JavaScript 자료형 (Data Type) 정리
• 🧮 Number Type
• 🔤 String Type
• ✅ Boolean Type
• 🕳️ Null Type
• ❓ Undefined Type
• ⚖ Null vs Undefined 차이

 

 

 

 

 

 

 

📌 JavaScript 자료형 (Data Type) 정리

자바스크립트에서 변수는 여러 가지 자료형을 저장할 수 있다.

이러한 자료형은 크게 원시 타입(Privitive Type)과 객체 타입(Object Type)으로 나뉘는데,

이번 글에서는 기본적인 원시 타입을 중심으로 정리해보고자 한다.

 

 

---

🧮 Number Type

숫자를 나타내는 자료형으로, 정수, 실수, 음수 모두 Number 타입에 포함된다.

let num1 = 27;
let num2 = 1.5;
let num3 = -20;

// 사칙연산
console.log(num1 + num2); // 28.5
console.log(num1 - num2); // 25.5
console.log(num1 * num2); // 40.5
console.log(num1 / num2); // 18
console.log(num1 % num2); // 나머지 연산

 

 

여기에는 아래와 같은 특수한 숫자 값도 존재한다.

let inf = Infinity;   // 무한대
let mInf = -Infinity; // 음의 무한대
let nan = NaN;        // 연산 실패 (Not a Number)

 

 

---

🔤 String Type

문자열을 나타내는 자료형으로, 작은 따옴표 ( ' ), 큰 따옴표( " ), 백틱( ` )을 사용해서 선언할 수 있다.

let myName = "김소연";
let myLocation = "서울";

// 문자열 연결
let introduce = myName + myLocation; // "김소연서울"

// 템플릿 리터럴
let introduceText = `${myName}은 ${myLocation}에 거주합니다.`;
console.log(introduceText); 
// "김소연은 서울에 거주합니다."

 

 

---

✅ Boolean Type

참(true) 또는 거짓(false) 값을 가지는 논리형이다.

let isSwitchOn = true;
let isEmpty = false;

 

 

---

🕳️ Null Type

값이 없다는 것을 의도적으로 저장할 때 사용한다.

let empty = null;

 

 

---

❓ Undefined Type

변수를 선언했지만 아직 값을 할당하지 않은 상태를 의미한다.

let none;
console.log(none); // undefined

 

 

---

⚖ Null vs Undefined 차이

• null 👉🏻 개발자가 의도적으로 '값이 없음'을 지정할 때 사용함
• undefined 👉🏻 변수를 선언하고 값을 넣지 않으면 자동으로 할당됨

let a;
console.log(a); // undefined

let b = null;
console.log(b); // null