Visual Studio Code의 Run and Debug 기능

Visual Studio Code의 Run and Debug 기능

소개

Visual Studio Code(VSCode)는 현대적이고 경량화된 코드 편집기로, 다양한 개발 언어와 플랫폼에 대한 풍부한 확장 기능을 제공합니다. 이 중에서 'Run and Debug' 기능은 소프트웨어 개발자들이 코드를 실행하고 디버깅하는 데 필수적인 도구입니다.

VSCode Run and Debug의 역할

1. 코드 실행

VSCode의 Run and Debug는 코드를 선택한 환경에서 실행하는 데 사용됩니다. 사용자는 단축키 또는 메뉴를 통해 코드를 실행할 수 있으며, 실행 중인 프로세스의 출력을 확인할 수 있습니다.

2. 디버깅

디버깅은 코드 내의 오류를 찾아내고 수정하는 과정으로, VSCode는 사용자에게 직관적이고 강력한 디버깅 도구를 제공합니다. 사용자는 중단점(breakpoint)을 설정하고, 변수의 값을 확인하며 코드 실행 중 발생한 오류를 신속하게 해결할 수 있습니다.

사용 상황

VSCode Run and Debug는 다양한 상황에서 유용하게 사용됩니다.

1. 새로운 기능 개발: 코드 변경 후 해당 기능이 예상대로 동작하는지 확인하기 위해 실행 및 디버깅을 수행합니다.
2. 오류 해결: 프로젝트에서 발생한 오류를 해결하기 위해 코드 실행 중 디버깅 도구를 활용합니다.

장단점

장점

• 편리한 실행: 코드 실행이 간편하고 빠르게 이루어집니다.
• 실시간 디버깅: 코드를 실행하면서 실시간으로 디버깅이 가능하므로 오류를 빠르게 찾아 수정할 수 있습니다.
• 다양한 확장 기능: 다양한 언어와 프레임워크에 대한 확장이 가능하며, 사용자는 필요한 도구를 선택하여 사용할 수 있습니다.

단점

• 학습 곡선: 초기에는 Run and Debug 기능의 모든 기능을 이해하는 데 시간이 걸릴 수 있습니다.

연관 기술

VSCode Run and Debug는 다양한 언어와 프레임워크를 지원하며, 특정 언어나 프레임워크에 맞는 디버깅 도구를 선택하여 사용할 수 있습니다. 예를 들어, JavaScript 개발 시에는 Node.js 디버거를 사용할 수 있습니다.

설정

프로젝트 내 .vscode/launch.json 생성 및 아래와 이미지와 같이 설정합니다.

실행

새로운 Chrome Instance 에서의 실행

프로젝트 내 서비스 실행 script 와 launch chrome 서비스를 실행합니다.
이 후에 확인하고 싶은 지점에 break point 를 걸어 디버깅을 진행하시면 됩니다.

기존 Chrome Instance 에서의 실행

프로젝트 내 서비스 실행 script 와 Launch Existing Chrome Instance 서비스를 실행합니다.
이 후에 확인하고 싶은 지점에 break point 를 걸어 디버깅을 진행하시면 됩니다.

Chrome Debugger Configuration

Run Chromium with command-line switches

Window

<chrome_path>\chrome.exe --remote-debugging-port=9222

MacOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

Linux

google-chrome --remote-debugging-port=9222

Port 9222 is used for remote debugging of Google Chrome or Chromium. It is used to attach a debugger to a running Chrome instance so that developers can inspect the HTML/CSS/JavaScript code, debug and profile performance of web applications. Ports those registered with IANA are shown as official ports. The same port number may be unofficialy used by various services or applications. The official usage are listed separately below its usage may change from time to time.

결론

VSCode의 Run and Debug 기능은 효율적인 코드 실행과 디버깅을 가능케 하는 강력한 도구입니다. 프로젝트 개발과 유지 보수를 보다 효과적으로 수행하기 위해 이 기능을 적극 활용해보세요. 코드 작성 및 디버깅 프로세스를 최적화하여 생산성을 높일 수 있습니다.