안녕하세요! 😊 오늘은 자바스크립트에서 가장 중요한 개념 중 하나인 변수와 데이터 타입에 대해 쉽게 정리했습니다~
변수를 잘 이해해서 코드를 더 깔끔하고 효율적으로 작성 해보자구요 🚀
💡 변수(Variable)란?
**변수(Variable)**는 데이터를 저장하는 공간이에요. 쉽게 말해, 정보(숫자, 문자 등)를 담아두고 필요할 때 불러오는 역할을 합니다.
📌 변수 선언 방식 (var, let, const)
자바스크립트에서는 변수를 선언할 때 세 가지 방식을 사용할 수 있습니다.
var oldWay = "이전 방식";
let modernWay = "추천 방식";
const fixedValue = "변경 불가 값";
✅ var, let, const의 차이를 하나씩 살펴봅시다! 👇
1️⃣ var - 오래된 변수 선언 방식
var는 예전부터 사용된 변수 선언 방식이에요. 하지만 몇 가지 문제점 때문에 지금은 잘 사용하지 않아요.
📌 var의 특징
✔️ 같은 이름으로 다시 선언 가능 (오류 발생 위험!)
✔️ 재할당 가능
✔️ **함수 스코프(Function Scope)**를 가짐
✔️ 블록 스코프(Block Scope)를 지원하지 않음
📌 var 예제
var name = "홍길동";
var name = "김철수"; // 같은 변수명으로 다시 선언 가능 (문제 발생 가능)
console.log(name); // 출력: "김철수"
❌ 같은 변수를 여러 번 선언할 수 있어서 실수로 값이 덮어씌워질 위험이 큼!
2️⃣ let - 현대적인 변수 선언 방식
let은 var의 문제점을 해결한 추천되는 변수 선언 방식이에요! 🎯
📌 let의 특징
✔️ 같은 이름으로 다시 선언 불가능 (안전함)
✔️ 재할당 가능
✔️ 블록 스코프(Block Scope) 지원
📌 let 예제
let age = 25;
age = 30; // 재할당 가능
console.log(age); // 출력: 30
let age = 40; // ❌ 오류 발생! 같은 변수명으로 다시 선언 불가
✅ let을 사용하면 같은 이름으로 변수를 중복 선언하는 실수를 방지할 수 있어요!
3️⃣ const - 값 변경이 불가능한 상수
const는 **변경할 수 없는 값(상수)**을 저장할 때 사용해요.
📌 const의 특징
✔️ 같은 이름으로 다시 선언 불가능
✔️ 재할당 불가능
✔️ 블록 스코프(Block Scope) 지원
📌 const 예제
const pi = 3.14;
pi = 3.14159; // ❌ 오류 발생! const 변수는 재할당 불가능
✅ const를 사용하면 값이 바뀌면 안 되는 데이터를 보호할 수 있어요!
🎯 var, let, const 차이점 정리
| 구분 | var | let | const |
| 같은 이름으로 다시 선언 가능? | ✅ 가능 | ❌ 불가능 | ❌ 불가능 |
| 값 변경(재할당) 가능? | ✅ 가능 | ✅ 가능 | ❌ 불가능 |
| 블록 스코프 지원? | ❌ 지원 안 함 | ✅ 지원 | ✅ 지원 |
| 함수 스코프? | ✅ 있음 | ✅ 있음 | ✅ 있음 |
📌 언제 사용하면 좋을까?
✅ 값을 변경할 필요가 없는 경우 → const 사용
✅ 값이 변할 가능성이 있는 경우 → let 사용
✅ var는 되도록 사용하지 않는 것이 좋음!
💡 데이터 타입이란?
변수는 다양한 데이터 타입을 가질 수 있어요. 자바스크립트에서 기본적으로 제공하는 데이터 타입 6가지를 알아볼게요! 👇
📌 기본 데이터 타입
| 데이터 타입 | 설명 | 예제 |
| Number | 숫자 (정수, 실수) | let num = 10; |
| String | 문자열 (글자) | let name = "홍길동"; |
| Boolean | 논리값 (true/false) | let isAdult = true; |
| Undefined | 값이 정의되지 않음 | let x; // undefined |
| Null | 값이 비어있음을 명시함 | let y = null; |
| Object | 여러 값을 저장하는 객체 | let person = {name: "철수", age: 30}; |
✅ 데이터 타입을 이해하면 변수를 더욱 효과적으로 관리할 수 있어요! 🚀
🎯 정리!
✔️ 변수는 데이터를 저장하는 공간이며, var, let, const로 선언할 수 있음
✔️ var는 오류 위험이 있어 잘 사용하지 않음
✔️ let은 변경 가능한 변수를 선언할 때 사용
✔️ const는 변경할 수 없는 상수를 선언할 때 사용
✔️ 데이터 타입을 이해하면 변수를 더욱 효과적으로 활용 가능!
📢 이제 자바스크립트 변수를 잘 활용해보세요! 🚀
다른 의견이 있다면 댓글로 남겨주세요! 😊
'코딩이야기𖦹 > JavaScript' 카테고리의 다른 글
| 📌 getElement부터 querySelector까지 정리해봄 (1) | 2025.04.11 |
|---|---|
| 📌 호이스팅이란? JS 변수 선언의 동작 원리 정리 (0) | 2025.04.05 |
| 📌 if문 vs switch문, 상황에 따라 다르게 행동하는 코드? (0) | 2025.03.19 |
| 📌반복문이 어려웠던 나, 이렇게 정리하니 이제는..? 🚀 (3) | 2025.03.18 |