Javascript 디버깅하는 방법

프런트에서 자바스크립트 디버깅할 때 아래와 같이 진행한다.

(html은 디버그 안되고 javascript 디버그 할 때 사용)

 

1. tomcat start(일반 모드)

 

2. 개발자 도구를 실행하여 디버깅하고 싶은 Javascript 파일을 연다. (컨트롤 + p)

 

3. 해당 파일에서 확인하고 싶은 부분을 breakpoints 를 찍는다.

 

4. 해당 breakpoints를 찍은 기능이 실행되도록 화면에서 실행한다.

 - F8 : 다음 breakpoint 로 이동

 

(서버 재시작 왜했었지..? 캐시 날리고 했었는데..)

 

5. 해당 변수값을 확인 및 수정할 수 있다.

 

6. html 화면 변수값을 수정해서 입력할 수 있다.

 - $0.value