console.log()를 일부러 consol.log()로 입력해 오류를 유발했습니다. 작성한 index.html 파일을 웹 브라우저로 실행하고 콘솔창을 보면 다음과 같이 표시됩니다.

그림 8-8 Uncaught ReferenceError 발생

웹 브라우저의 콘솔창은 그림처럼 오류 내용을 직관적으로 보여 줍니다. 콘솔창에 표시되는 오류 내용에는 오류 메시지와 오류 발생 파일명, 코드의 줄 번호를 포함합니다. 그림에 표시된 오류 메시지는 ‘Uncaught ReferenceError’가 index.html 파일의 13번째 줄에서 발생했다는 의미입니다. 이때 파일명과 줄 번호를 마우스로 클릭하면 코드에서 오류가 발생한 위치로 이동합니다.

그림 8-9 오류 발생 위치로 이동