Chrome 브라우저에서 javascript 디버깅 하는 간단한 방법

크롬에서 F12 개발자 도구를 통해 javascript 디버깅이 가능하다.

단, 소스 탭에서 해당 소스를 찾아서 breakpoint 를 걸어야 디버깅이 가능하다.

그런데 가끔 JSP 내부에 있는 javascript 소스를 디버깅을 해야 한다거나

프로젝트 구조를 다 파악하지 못했을때 소스를 찾는 것도 시간이 걸린다.

그럴때 간단한 방법이 있다.

debugger;

아래와 같이 디버깅을 하고 싶은 코드 위에 debugger; 한줄만 적으면

해당 이벤트가 걸렸을 때 바로 디버깅을 할 수 있다.