본문 바로가기

디버깅

(6)
Assignment to constant variable 오류 해결법, const를 사용할 때 자주하는 실수 Assignment to constant variable 오류 해결법, const를 사용할 때 자주하는 실수자바스크립트에서 const로 변수를 선언한 뒤 코드를 실행했는데 TypeError: Assignment to constant variable.이라는 오류가 나타날 때가 있습니다. const는 자주 사용하는 기본 문법이지만 정확히 무엇을 변경할 수 없는지 헷갈리면 같은 오류를 반복해서 만나기 쉬운데요. Assignment to constant variable 오류는 대부분 const로 선언한 변수에 새로운 값을 다시 할당했을 때 발생합니다. const의 정확한 의미부터 재할당과 객체 내부 값 변경의 차이, let을 사용해야 하는 경우와 해결 순서까지 쉽게 알아보겠습니다. Assignment to c..
Maximum call stack size exceeded 오류가 발생하는 이유와 해결법 Maximum call stack size exceeded 오류가 발생하는 이유와 해결법자바스크립트 코드를 실행하다가 RangeError: Maximum call stack size exceeded라는 오류를 만나면 코드가 갑자기 멈추면서 어디서 문제가 시작됐는지 찾기 어려울 수 있습니다. 특히 재귀 함수나 이벤트 처리처럼 함수가 연속해서 호출되는 코드에서 자주 볼 수 있는데요. Maximum call stack size exceeded 오류는 쉽게 말해 함수 호출이 너무 많이 쌓여 자바스크립트가 더 이상 처리할 수 없는 상태가 됐다는 의미입니다. Call Stack이 무엇인지부터 무한 재귀가 발생하는 이유, 자주 놓치는 원인과 해결 순서까지 쉽게 알아보겠습니다. Maximum call stack si..
Identifier has already been declared, 뜻부터 해결법까지 Identifier has already been declared, 뜻부터 해결법까지자바스크립트 코드를 실행했는데 SyntaxError: Identifier 'name' has already been declared 같은 메시지가 나타날 때가 있습니다. 분명 평소처럼 변수를 선언했을 뿐인데 갑자기 코드가 실행되지 않으면 어떤 부분부터 확인해야 할지 헷갈릴 수 있는데요. Identifier has already been declared는 쉽게 말해 “같은 이름을 이미 선언했는데 또 선언했다”는 의미입니다. 이번 글에서는 identifier가 무엇인지부터 중복 선언이 발생하는 대표적인 원인, 재선언과 재할당의 차이, 빠르게 해결하는 순서까지 알아보겠습니다. Identifier has already been..
Unexpected identifier 어디가 왜 문제일까? Unexpected identifier 어디가 왜 문제일까?자바스크립트 코드를 실행했는데 SyntaxError: Unexpected identifier가 나타나면 어떤 부분을 고쳐야 하는지 바로 이해하기 어려울 수 있습니다. 만약 identifier라는 단어 자체가 낯설다면 에러 메시지만 보고 원인을 찾기가 더 어렵죠. 하지만 Unexpected identifier는 뜻을 풀어보면 생각보다 단순합니다. 자바스크립트가 코드를 읽다가 “여기서는 이런 이름이 나오면 안 되는데?”라고 판단했다는 의미인데요. identifier가 무엇인지부터 자주 발생하는 원인과 해결 순서까지 하나씩 알아보겠습니다. Unexpected identifier 뜻, identifier가 뭘까?identifier(식별자)는 변수, 함..
SyntaxError: Unexpected token, 오류 뜻부터 해결 방법까지 한 번에 SyntaxError: Unexpected token, 오류 뜻부터 해결 방법까지 한 번에자바스크립트 코드를 작성하다 보면 콘솔에 SyntaxError: Unexpected token이라는 메시지가 나타날 때가 있습니다. 코드가 길어질수록 어디가 잘못됐는지 한눈에 찾기 어려워 답답하게 느껴질 수 있는데요. 하지만 이 오류는 대부분 자바스크립트 문법 규칙에 맞지 않는 문자나 기호가 들어갔을 때 발생합니다. 오늘은 SyntaxError: Unexpected token의 정확한 뜻부터 가장 흔한 발생 원인, 빠르게 해결하는 디버깅 순서까지 한 번에 정리해보겠습니다. SyntaxError: Unexpected token이란?SyntaxError는 자바스크립트 엔진이 코드를 해석하는 과정에서 문법적으로 이해할 ..
TypeError: is not a function, 오류가 발생하는 이유와 해결 순서 TypeError: is not a function, 오류가 발생하는 이유와 해결 순서자바스크립트 개발 중 TypeError: xxx is not a function이라는 오류를 만나면 분명 함수처럼 작성했는데 왜 실행되지 않는지 당황하기 쉽습니다. 라이브러리, 객체 메서드, import/export, 비동기 코드를 다루다 보면 비교적 자주 접하게 되는 오류인데요. 다행히 TypeError: is not a function 오류가 발생하는 이유는 비교적 명확합니다. 어떤 값을 함수처럼 호출했지만 실행 시점에 그 값이 실제 함수가 아니었다는 뜻입니다. 의미부터 주요 원인, 가장 빠르게 문제를 찾는 해결 순서까지 자세히 알아보겠습니다. TypeError: is not a function이란?자바스크립트에서..