JS : 콘솔(console) 로그를 활용한 JS 오류 체크법

JS : 콘솔(console) 로그를 활용한 JS 오류 체크법


자바스크립트 오류 체크법


* 자바스크립트 같은 프로그래밍 언어는 복잡하고 장문의 스크립트로 대부분 이루어져있기 때문에

숙련된 개발자들도 실수를 하여 오타 및 오류 문제점을 찾기도 합니다.

* 여기서 포인트는 그런 문제가 발생했을때 해당 오류를 얼마나 빨리 찾아내고 해결할 수 있는가? 에서 숙련자와 초보자가 결정난다고 생각하시면 됩니다.

 

 

* 자바스크립트와 제이쿼리의 오류는 console 창에서 확인합니다.

* 개발자도구(F12)

 

 

 

자주 뜨는 오류 메세지

1. Uncaught SyntaxError

* 명령어를 미완성인채로 실행하였을 때(따옴표를 열고 닫지 않음 등) 주로 발생합니다.

 

 

2. Uncaught RefrenceError

* 키워드 오타 발생 시 자주 등장하는 오류입니다.

* 오류명령어 중 OO is not defined 이 위치를 찾아 OO 에서 문제점을 찾으면 됩니다.

 

 

3. Identifier 'name' has already been declared

* 중복된 이름의 변수 및 상수를 선언할 경우 오류입니다.

* 중복되지 않는 다른 이름을 사용하거나 기존 변수를 수정할 경우라면 앞에 let을 지우고 작성합니다.

상수의 경우
변수의 경우

 

Identifier 뒤 '' 따옴표 안 이름이 중복되어있습니다.

 

 

4. Missing initializer in const declaration

* 상수 선언 후 값을 입력하지 않았을 때 오류입니다.

 

 

 

 

 

 

 

 

 

 

728x90
  Comments,     Trackbacks