[vscode] Debugging Mode (Step-in, Step-out)

Visual Studio Code에서 디버깅 도구 사용해보기

브레이크 포인트 지정

• 코드 번호 옆에 빨간 버튼을 클릭하면 브레이크 포인트가 생성

디버깅 모드 실행

• 디버깅 모드로 프로그램을 실행
• 디버거는 Node.js 를 선택

변수 확인

• 코드 실행 전 어떤 변수가 할당되어 있는지 알 수 있음!!

디버깅 도구

• 순서대로 Continue, Step Over, Step Into, Step Out, Restart, Stop

Continue

• 다음 breaking point로 이동
• breaking point에서 에러가 발생하면 디버깅 모드 pause, 에러 출력

Step Over

• 밑에 줄로 이동
• 다음 줄이 함수일 경우 함수 내부로는 이동하지 않고 바로 실행.

Step Into

• 밑에 줄로 이동
• 다음 줄이 함수 일경우 함수 안으로 들어가서 함수 내부의 동작 한줄 한줄 실행.

Step Out

• 현재 함수의 나머지 부분을 실행시키고 함수의 리턴이 완료된곳에서 멈춤

출처: https://velog.io/@proshy/VScode-디버깅-breakpoints-watch-step