js

✅ 2. 변수와 데이터 타입 (var, let, const)

📌 요약 설명

이 단원에서는 JavaScript에서 데이터를 저장하고 사용하는 방법인 변수 선언과 다양한 데이터 타입에 대해 학습합니다. 변수는 값을 보관해두는 그릇과 같으며, 자주 쓰이는 키워드인 var, let, const의 차이점을 함께 알아봅니다. 초급자의 눈높이에 맞춰 변수의 개념부터 사용법까지 단계적으로 설명합니다.

---

🧱 2.1 변수란 무엇인가?

개념 정리

• 변수는 어떤 값을 저장해두기 위해 사용하는 이름입니다.
• 예를 들어, 사용자의 이름, 점수, 상태 등을 저장할 때 변수에 담아 사용할 수 있습니다.

let name = '홍길동';
let score = 90;

---

🔑 2.2 변수 선언 키워드: var, let, const

✅ var

• 예전부터 사용되던 변수 선언 방식입니다.
• 같은 이름으로 변수를 다시 선언할 수 있어 예기치 못한 오류가 생기기 쉽습니다.
• 요즘은 잘 사용하지 않습니다.

var age = 20;
var age = 30; // 오류 없음, 덮어씌워짐

✅ let

• 변할 수 있는 값을 저장할 때 사용합니다.
• 같은 이름으로 다시 선언할 수 없으며, 블록 안에서만 동작합니다.

let score = 80;
// let score = 90; // 오류 발생
score = 90; // 값 변경은 가능

✅ const

• 절대로 바뀌지 않는 값(상수) 을 저장할 때 사용합니다.
• 선언할 때 꼭 초기값을 넣어야 하며, 나중에 값을 바꿀 수 없습니다.

const pi = 3.14;
// pi = 3.1415; // 오류 발생

---

📋 2.3 데이터 타입의 종류

원시 타입 (Primitive Types)

| 타입 | 예시 | 설명 | |——|——|——| | string | '안녕' | 문자열입니다. 따옴표로 감쌉니다. | | number | 10, 3.14 | 숫자형입니다. 따옴표 없이 씁니다. | | boolean | true, false | 참 또는 거짓을 나타냅니다. | | undefined | 변수 선언만 했고 값을 지정하지 않음 | let a; | | null | 값이 없음을 명시함 | let b = null; |

객체 타입

• 배열, 함수, 날짜 등은 모두 객체 타입입니다.

let user = { name: 'Lee', age: 30 };
let colors = ['red', 'blue'];

---

🔄 2.4 형 변환 (Type Conversion)

명시적 형 변환

• 프로그래머가 직접 타입을 바꾸는 방식입니다.

String(123);      // '123'
Number('456');    // 456
Boolean(0);       // false

암묵적 형 변환

• 자바스크립트가 자동으로 타입을 바꾸는 경우입니다.

'3' + 2;          // '32' (문자열로 연결됨)
'3' * 2;          // 6 (숫자로 변환됨)
null == undefined // true

---

🧠 마무리

• 변수는 값을 저장하고 나중에 다시 꺼내서 쓰기 위해 꼭 필요합니다.
• let은 바뀔 수 있는 값, const는 절대 바뀌지 않는 값을 저장할 때 사용합니다.
• 데이터 타입과 형 변환 개념을 이해하면 조건문, 반복문에서도 실수를 줄일 수 있습니다.