[phpstorm] phpstorm 을 통해 디버깅해보기

현재 phpstorm 버전

 

1. js파일에 break point를 걸고, 화면 상단에서 debug 버튼 클릭

 

클릭하면 현재 디버깅하려는 창이 뜬다. 그리고 화면 하단에 Debug에 대한 창이 뜨고 디버깅모드로 활성화된다.

그리고 js파일에서는 break point를 걸었던 부분이 체크표시로 바뀐다.

 

디버깅모드로 바뀌었을때 중단점 변경 모습

 

하단에 디버그에 대한 창이 뜬 모습

 

그럼 아래 그림처럼 다음줄로 넘어가거나 구역을 건너뛸 수 있는 화살표가 활성화된다.

 

F5 break Point 걸기

 

F10을 누르면 다음행으로 넘어가며 값을 확인할 수 있다.

 

※이벤트함수에 break point를 걸고나서 F10을 누르면 각 이벤트함수로 넘어가게 되므로 

함수 안의 구문을 확인해야 할 경우 함수 안의 구문에 break point를 걸어야 한다.