JavaScript 'Uncaught SyntaxError: Unexpected identifier' 오류의 가장 흔한 원인

브라우저 콘솔에서 다음과 같은 JavaScript 오류 메시지를 마주한 적이 있으신가요?

Uncaught SyntaxError: Unexpected identifier

이 오류는 여러 가지 이유로 발생할 수 있지만, 그중 가장 흔한 원인은 바로 const로 선언된 변수의 값을 변경(재할당)하려고 시도하는 것입니다. const 변수는 재할당이 불가능하기 때문에 이러한 시도는 구문 오류로 이어집니다.

const란 무엇인가?

JavaScript에서 const 키워드는 소위 불변(immutable) 변수를 선언할 때 사용됩니다. 즉, 한 번 값이 할당되면 누구도 해당 변수를 다시 수정하거나 재선언할 수 없습니다.

const name = "Alice";
name = "Bob"; // ❌ Uncaught SyntaxError: Unexpected identifier

해결 방법: let 사용하기

반대로 변수의 값이 나중에 변경될 가능성이 있다면 let 키워드를 사용해야 합니다. let으로 선언된 변수는 언제든지 새로운 값을 할당할 수 있습니다.

let name = "Alice";
name = "Bob"; // ✅ 정상적으로 동작

정리하자면, 값이 절대 바뀌지 않아야 하는 상수에는 const를, 변경 가능한(mutable) 변수에는 let을 사용하는 것이 올바른 JavaScript 작성 습관입니다.