본문 바로가기
코딩이야기𖦹/JavaScript

📌 자바스크립트 변수와 데이터 타입 완벽 가이드 (var, let, const)

by Dev디자인 2025. 3. 7.

안녕하세요! 😊 오늘은 자바스크립트에서 가장 중요한 개념 중 하나인 변수와 데이터 타입에 대해 쉽게 정리했습니다~
변수를 잘 이해해서 
코드를 더 깔끔하고 효율적으로 작성 해보자구요 🚀

💡 변수(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 - 현대적인 변수 선언 방식

letvar의 문제점을 해결한 추천되는 변수 선언 방식이에요! 🎯

📌 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는 변경할 수 없는 상수를 선언할 때 사용
✔️ 데이터 타입을 이해하면 변수를 더욱 효과적으로 활용 가능!

📢 이제 자바스크립트 변수를 잘 활용해보세요! 🚀

다른 의견이 있다면 댓글로 남겨주세요! 😊

최근댓글

최근글

skin by © 2024 ttuttak