NestJS를 VS Code로 디버깅 하는법

먼저 NestJS 문서에서 소개한대로 프로젝트를 초기화 한다

package.json을 확인하면 start:debug라는 키워드가 있는데 해당 키워드로 서버를 실행하면 서버가 디버깅 가능한 상태로 실행된다

실행후 터미널을 보면 start:dev 키워드와는 다르게 아래의 로그가 출력된걸 확인할 수 있다

Debugger listening on ws://127.0.0.1:9229/bd606ae5-db2d-477d-8ad6-2d206fed41be
For help, see: https://nodejs.org/en/docs/inspector

node에서 debug가 가능하도록 디버그용 포트 9229를 열었다는 의미이다 더 자세한 사항은 로그에 나온대로 https://nodejs.org/en/docs/inspector 를 확인해보자

프로젝트 루트에 .vscode라는 폴더를 생성하고 해당 폴더안에 launch.json파일을 생성하고 아래의 설정을 입력한다

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Process",
      "port": 9229,
      "restart": true
    }
  ]
}

이 상태에서 F5를 눌러 vscode 디버그 기능을 실행하면 디버그 가능한 상태가 된다

이제 원하는 중단점을 세팅하고 열심히 디버깅하자 👍👍👍