JavaScript 변수 이해: let, const, var의 차이점

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

JavaScript 초보 개발자 및 기초 문법 학습자

핵심 요약

• const를 기본으로 사용하고, 값이 변경될 경우만 let을 사용하는 것이 권장됨
• var는 함수 스코프와 호이스팅 특성으로 인해 버그 발생 가능성 높음
• const로 선언된 변수는 재할당 시 TypeError 발생 (예: country = "China"; → ❌)

섹션별 세부 요약

1. 변수의 개념

• 변수는 데이터를 저장하고 참조할 수 있는 명명된 저장소
• 예: let city = "Berlin"; → let으로 선언된 변수는 값이 변경 가능
• const로 선언된 변수는 값 변경 불가 (예: const year = 2025;)

2. `let`과 `const`의 사용 시기

• let은 코드 내에서 값 변경이 필요한 경우 사용 (예: 점수 계산 시 score = score + 1;)
• const는 불변의 값 (예: 태생 연도 birthYear = 1998;) 또는 객체/배열의 참조가 고정될 때 사용
• var는 ES6 이전의 구식 문법으로, 함수 스코프와 호이스팅으로 인해 예측 불가능한 결과 발생 가능

3. `var`의 단점

• 함수 스코프로 인해 예기치 못한 변수 공유 발생 가능
• 호이스팅으로 인해 변수가 선언 전에 사용될 수 있음 (예: console.log(mood); → undefined 출력)

4. 실무 팁 및 예제

• const를 기본으로 사용하고, 값 변경이 필요할 때만 let으로 전환
• var는 사용하지 않는 것이 최선 (예: var mood = "happy"; → ❌)
• Mini Challenge 예제: userName = "Mia"는 정상 작동하지만 country = "China"는 TypeError 발생

결론

JavaScript에서 변수 선언 시 const → let → var 순서로 사용하는 것이 좋으며, var는 피하는 것이 원칙입니다. 특히 const로 선언된 변수는 재할당 시 오류 발생하므로 주의해야 합니다.