[javascript] debugger; 사용법

[오늘의 궁금증]
debugger를 사용하니 개발이 쉽더라....그래서 더 자세히 알고 싶었다....

 

debugger

• 스크립트 내에 debugger 명령어를 적어주면 중단점을 설정한 것과 같은 효과가 있음.

 

[장점]

• 브라우저를 켜 개발자 도구를 열고 소스 코드 영역을 띄워 중단점을 설정하는 수고를 하지 않아도 됨.
• 에디터를 떠나지 않고도 중단점을 설정할 수 있음. 

 

[제일 많이 사용하는/사용할 단축키]

 – ‘Resume’: 스크립트 실행을 다시 시작함 (단축키 F8)

• 실행을 재개합니다. 추가 중단점이 없는 경우, 실행이 죽 이어지고 디버거는 동작하지 않습니다.

 

 – ‘Step’: 다음 명령어를 실행함 (단축키 F9)

• 다음 문을 실행합니다. 클릭하면 alert 창이 뜨는 것을 확인할 수 있습니다.
• Step 버튼을 계속 누르면 스크립트 전체를 문 단위로 하나하나 실행할 수 있습니다.