JavaScript 디버깅 레시피

Visual Studio Code는 내장 디버거 또는 확장 프로그램에서 제공하는 디버거를 통해 다양한 언어 및 플랫폼의 디버깅을 지원합니다.

디버깅 시작을 더 쉽게 하기 위해, 즐겨 사용하는 플랫폼에 대한 디버깅 설정을 구성하는 데 필요한 단계와 구성이 포함된 디버깅 "레시피" 컬렉션을 만들었습니다. 레시피는 GitHub의 https://github.com/microsoft/vscode-recipes에서 확인할 수 있습니다.

Node.js에서 서버 측 JavaScript 디버깅

Visual Studio Code 편집기는 내장된 Node.js 디버거를 통해 Node.js 애플리케이션 디버깅을 지원합니다.

레시피

• Nodemon을 사용한 Node.js 디버깅
• Node.js AWS Lambda 함수 디버깅

브라우저에서 클라이언트 측 JavaScript 디버깅

Visual Studio Code 편집기는 Microsoft Edge 및 Google Chrome에서 실행되는 JavaScript 디버깅을 지원합니다.

브라우저 디버깅 작동 방식에 대한 자세한 내용은 브라우저 디버깅 설명서에서 확인할 수 있습니다.

레시피

• Angular CLI를 사용한 Angular 앱 디버깅
• Next.js 앱 디버깅
• Meteor 앱 디버깅
• Vue.js 앱 디버깅
• Mocha 테스트 디버깅
• Jest 테스트 디버깅

블로그 게시물:

• VS Code에서 React 앱을 직접 편집하고 디버깅
• VS Code를 사용한 Angular의 강력한 라이브 편집 및 JavaScript 디버깅

Electron - Electron 애플리케이션 디버깅

Visual Studio Code 편집기는 내장 JavaScript 디버거를 통해 Electron 애플리케이션 디버깅을 지원합니다.

레시피

• Electron 메인 및 렌더러 프로세스 디버깅

다음 단계

• 디버깅 - 일반적인 VS Code 디버깅 기능에 대해 알아봅니다.
• Node.js 디버깅 - 내장 Node.js 디버거에 대해 알아봅니다.
• 비디오: VS Code 디버깅 시작하기 - VS Code에서의 디버깅에 대해 알아봅니다.