자바스크립트 코드에서 breakpoint 잡기 - debugger 문

최근 자바스크립트는 웹 프로그래밍에서 보조 수단을 넘어서 비즈니스 로직의 일부를 포함하는 중요한 위치에 있습니다. 최신 브라우저 들은 저마다 개발자 도구를 지원하여 개발의 편의를 제공하고 있어서 이 전 보다는 개발 및 디버깅이 훨씬 수월해 져서 그나마 다행이긴 합니다.

브라우저의 개발자 도구를 통해 디버깅 시 breakpoint 를 걸 수 있는데 개발자 도구에서 자바스크립트 소스를 찾아 breakpoint 를 걸기가 때로는 불편하기도 합니다.

이 때는 아래와 같이 코드에 직접 삽입을 하고 개발자 도구를 띄운 상태에서는 자동으로 "debugger" 문에 breakpoint 가 걸리게 됩니다. 개발자 도구가 떠 있지 않다면 무시가 됩니다.

적절히 활용하시면 유용하리라 생각되어 올립니다.

for(i = 1; i<5; i++) {
   // Print i to the Output window.
   Debug.write("loop index is " + i);
   // Wait for user to resume.
   debugger
}

참고 URL

* http://msdn.microsoft.com/ko-kr/library/ie/0bwt76sk(v=vs.94).aspx

* http://www-01.ibm.com/support/knowledgecenter/SSVRGU_9.0.1/com.ibm.designer.domino.ui.doc/wpd_scripts_debug_run.html?lang=ko