vscode 에는 node.js 런타임에 대한 디버깅 지원기능이 내장되어 있어 JavaScript, TypeScript 및 JavaScript로 변환된 다른 언어를 디버깅 할 수 있습니다. 그러기에 기본적으로 디버깅은 하려면 nodejs 를 설치해야 합니다.

다른 언어에 대해서는 확장기능을 설치해서 이용이 가능합니다.

js 디버깅 방법

https://demun.github.io/vscode-tutorial/debug/

• 왼쪽의 벌레 아이콘 클릭
• launch.json 실행파일 생성 후 디버깅 작업명 설정하기: name에 기재하면됨. 그러면 왼쪽에 셀렉메뉴에 디버깅 작업명이 들어간다.

{
  // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요.
  // 기존 특성에 대한 설명을 보려면 가리킵니다.
  // 자세한 내용을 보려면 <https://go.microsoft.com/fwlink/?linkid=830387을(를)> 방문하세요.
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "js 디버깅",
      "skipFiles": ["<node_internals>/**"],
      "program": "${workspaceFolder}\\\\welcome.js"
    }
  ]
}

• 코드에서 중단점 걸고 싶은 부분을 선택해 빨간 점이 찍히게 한다.
• F10 키를 눌러서 단계적으로 실행하게 되면, 왼쪽에 단계 실행시마다 출력되는 값 확인이 가능하다.
• 왼쪽 조사식에서 조사하고 싶은 식을 작성해서 값 확인도 가능하다.

GO언어 디버깅 방법

• main.go 파일의 경우 아래와 같이 설정하여 실행 후 디버깅 가능하다.

{
  // IntelliSense를 사용하여 가능한 특성에 대해 알아보세요.
  // 기존 특성에 대한 설명을 보려면 가리킵니다.
  // 자세한 내용을 보려면 <https://go.microsoft.com/fwlink/?linkid=830387을(를)> 방문하세요.
  "version": "0.2.0",
  "configurations": [
    {
      "name": "go 프로그램 디버깅",
      "type": "go",
      "request": "launch",
      "mode": "debug",
      "program": "${workspaceRoot}",
    }
  ]
}

workspaceRoot는 현재 내가 작업중인 경로. 바로 그 위치다. 이후에 상대경로로 경로 수정 가능하다.