VSCode에서 Nodejs 디버깅

👨‍💻 이 기사 시리즈에서 디버깅을 통해 더 나은 소프트웨어 엔지니어가 되기를 바랍니다.

Debugging is the process of detecting and removing existing and potential errors (also called 'bugs') in a software code that can cause it to behave unexpectedly or crash.

⚙️ VSCode에서 노드 디버깅을 구성하려면 다음 단계를 따라야 합니다.

프로젝트의 루트에 폴더.vscode를 만듭니다.

파일launch.json을 .vscode 폴더에 넣습니다. 이 파일은 디버깅을 위한 구성 파일이 됩니다.

launch.json 내부에 이 코드를 입력해야 합니다.

{
  "configurations": [
    {
      "name": "Attach by Process ID",
      "processId": "${command:PickProcess}",
      "request": "attach",
      "skipFiles": [
      "<node_internals>/**"
      ],
      "type": "node"
    }
  ]
}

💡 Tip: You can generate the same code by pressing the "Add configuration" button in VSCode bottom right corner.

After clicking the button, you will see a context menu where you should choose Node.js Attach to process.

Node.js Attach to process will bring you the same configuration as in step #3

그런 다음 VSCode의 실행 및 디버그 섹션으로 이동합니다.

구성을 선택하고 시작을 누릅니다.

연결할 노드 프로세스를 선택해야 합니다. VSCode 내부에서 실행 중인 노드 애플리케이션이 가장 먼저 위치합니다.


그러나 노드의 올바른 PID(프로세스 ID)를 찾지 못한 경우 정확한 로컬 호스트에서 실행 중인 프로세스의 ID를 표시하는 명령을 실행하는 것이 좋습니다.

macOS의 경우

sudo lsof -i :PORT

올바른 PID를 얻은 후 상황에 맞는 메뉴에 입력해야 합니다.

다음 기사에서 만나요 🥳