개발자 콘솔
코드엔 에러가 항상 도사리고 있음. 그런데 브라우저느 스크립트에 문제가 있어서 에러가 발생해도 이를 사용자에게 직접 보여주지않음. 에러가 발생했는지조차 모르면 에러를 고칠 수 없음. 브라우저엔 '개발자 도구' 라는 것이 내장되어있음. 이 도구를 이용하면 에러를 확인 할 수 있음. 스크립트에 대한 정보도 얻을 수 있음
대부분 개발자는 크롬이나 Firefox를 이용해 개발하는 걸 선호함. 두 브라우저에서 제공하는 개발자 도구가 훌륭하기 때문. 개발자 도구에서 지원하는 기능을 잘 활용하며 개발 효율일 올라감.
(크롬만 이용하므로 크롬에 대해서만 작성하겠음
'lalala’가 정의되지 않았다(not defined)라는 메시지 에러 메시지 우측에 링크 bug.html:12가 있습니다. bug.html은 해당 에러가 발생한 파일, 12는 에러가 발생한 줄을 나타냄.
에러 메시지 아래에 파란색 기호 > 가 있는데, 이 기호가 있는 곳엔 자바스크립트 명령어를 입력할 수 있음. 이를 커맨드라인 이라고 부름. 커맨드라인에 명령어를 입력후 enter를 입력하면 해당 명령어가 실행됨.
명령어를 여러 줄에 걸쳐 작성하고 싶다면 Shift+Enter 를 누르자
요약
- 개발자 도구를 이용해 에러를 확인하고, 명령어를 실행하고 변수를 분석해보는 등의 일을 할 수 있음.
- windows 사용자는 F12를 눌러 개발자 도구를 열수 있음. MAC은 Cmd+ Opt+