[ Webstrom ] NestJS 디버깅하는 법

1. 아래와 같이 breakpoint 를 표시

 

2. package.json 에 들어가서  "start:debug" 왼쪽에 있는 ▶ 을 클릭하여  디버그를 클릭

 

3.실행시킨후 중단점을 찍은 부분을 포함하는 라우트를 실행한다.

-  예를 들어. 

     - 중단점을 게시물을 생성하는 service에 중단점을 찍었으면 Post man 을 이용하여 게시물 요청을 전송하여 둔다.

http://localhost:3000/boards 전송

 

전송후 결과 예시

 

Webstrom 코드창

첫 중단점에 멈춰져있는 예

Webstrom 디버그창

 

 

디버그창에 있는 버튼을 이용하는 방법

 

다음 중단 점으로 이동,

없으면 디버그 중단

 

한 라인 단위로 이동, 한 행씩 코드를 실행하면서 아래로 이동

이때 for 문 과 같은 반복문 구간은 한 번에 실행시키고 넘어간다.

 

함수 및 반복문 구간으로 들어가서 좀 더 자세하게 확인하기.

계속 누르면 사용하고 있는 라이블러리 함수까지 들어가게된다.
누른 후 라인단위로 이동하는 버튼을 눌러서 반복구간을 체크 할 수 있다.

 

관련된 함수의 링크를 타고 해당 함수가있는 코드로 들어갔을때  빠져나올때 사용하는 버튼