변수 선언 해체: var vs let vs const

핵심 개념

var는 함수 스코프, 재선언 가능, 호이스팅 발생. let은 블록 스코프, 재할당 가능. const는 블록 스코프, 재할당 불가. 현대 JS에서는 var 사용을 금지하고 const를 기본으로, 재할당이 필요할 때만 let을 사용합니다. 각 선언 키워드를 제거하며 스코프가 어떻게 붕괴되는지 확인하십시오.

코드 분석

JS📋 코드 (19줄)

<script>
  const name = 'CYBERDYNE';
  let status = 'ACTIVE';
  var legacy = 'DEPRECATED';

  console.log('const:', name);
  console.log('let:', status);
  console.log('var:', legacy);

  status = 'TERMINATED';
  console.log('재할당 후:', status);
</script>
<div id='output' style='font-family:monospace; padding:16px; background:#0d1117; color:#e8e8e8;'>
  <p>콘솔을 확인하십시오 (F12)</p>
  <p id='result' style='color:#10b981;'></p>
</div>
<script>
  document.getElementById('result').textContent = 'name: ' + name + ' | status: ' + status;
</script>

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '변수 선언' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'변수 선언'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '변수 선언' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

'변수 선언'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요

변수 선언 해체: var vs let vs const는 이 3가지만 확실히 잡으세요

1.var로 선언하면 함수 스코프라서 for문 안에서 선언한 변수가 바깥에서도 접근되고, 호이스팅으로 선언 전에도 undefined가 나옵니다

2.let은 블록 스코프 + 재할당 가능, const는 블록 스코프 + 재할당 불가 — 기본은 const, 재할당 필요할 때만 let을 씁니다

3.다음 챕터에서 변수에 담기는 값의 종류를 구분하는 데이터 타입을 배웁니다

💬 이 챕터 질문 보기

JS · CH.5 — 질문하거나 답변을 확인하세요

→

진행도 5 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)