자바스크립트에서 Number, String, Boolean, null, undefined, object, Symbol은 모두 데이터 타입이에요. 각 데이터 타입은 어떤 종류의 정보를 저장하는지 알려주는 역할을 해요. 이제 하나씩 쉽게 설명해 볼게요!
1. Number (숫자)
Number는 숫자를 저장하는 상자라고 생각하면 돼요. 예를 들어 나이, 가격 같은 숫자를 저장할 때 사용해요.
let age = 10; // 나이는 10살
let price = 5.99; // 가격은 5.99
2. String (문자열)
String은 글자를 저장해요. 이름, 인사말 같은 글자를 저장할 때 사용하는 상자예요. 글자는 따옴표로 감싸서 저장해요.
let name = "Charlie"; // 이름은 Charlie
let greeting = "안녕하세요!"; // 인사말
3. Boolean (참/거짓)
Boolean은 참(true)과 거짓(false)을 저장하는 상자예요. 예를 들어, "날씨가 맑나요?"라는 질문에 답할 때 참 또는 거짓을 저장할 수 있어요.
let isSunny = true; // 날씨가 맑아요
let isRaining = false; // 비가 안 와요
4. null (널)
null은 아무 값도 없을 때 사용하는 상자예요. 무언가를 저장할 수 있지만, 아직 값이 없다는 뜻이에요.
let result = null; // 아직 결과가 없어요
5. undefined (언디파인드)
undefined는 아직 값을 넣지 않은 상태를 뜻해요. 변수를 만들었지만 아직 값을 넣지 않았을 때 자바스크립트가 자동으로 undefined라고 표시해요.
let myVar; // 값을 넣지 않아서 undefined
6. Object (객체)
Object는 여러 가지 정보를 한 상자에 묶어서 저장하는 타입이에요. 예를 들어 사람의 이름, 나이, 직업 같은 정보를 하나로 묶을 수 있어요.
let person = { name: "Patty", age: 28, job: "디자이너" };
7. Symbol (심볼)
Symbol은 특별한 고유의 값을 저장해요. 다른 심볼과 절대 겹치지 않는 특별한 값을 만들 때 사용해요.
let sym1 = Symbol("id");
let sym2 = Symbol("id");
console.log(sym1 === sym2); // false, 서로 다른 Symbol
결론
Number는 숫자를, String은 글자를 저장하는 상자고, Boolean은 참과 거짓을 저장해요. null과 undefined는 아직 값이 없을 때 쓰고, Object는 여러 가지 정보를 한 상자에 담는 거예요. 마지막으로 Symbol은 특별한 고유의 값을 만들 때 사용한답니다!
이제 자바스크립트의 데이터 타입을 잘 알겠죠? 😊
'기획자・디자이너를 위한 넓고 얕은 개발 지식 > Javascript' 카테고리의 다른 글
7화. 자바스크립트 화살표 함수란? (0) | 2024.10.28 |
---|---|
6화. 자바스크립트의 함수란? (0) | 2024.10.28 |
5화. 자바스크립트 연산자 완벽정리! (0) | 2024.10.28 |
3화. 자바스크립트의 상수란? (0) | 2024.10.28 |
2화. 자바스크립트의 변수란? (0) | 2024.10.28 |