vscode 디버깅 걸기

라인 번호 옆에 클릭을 하면 빨간점이 찍힌다.

직업상 vim 을 쓰는데 더 익숙하다 보니 

대학교때 쓰던 툴을 다시 쓰려니 환경 설정부터 할게 많았다.

그래도 다시 개발을 해보겠노라고 열심히 깔았다. 

제일 그리웠던 기능은 변수 트래킹과 이 디버깅 기능.

 

라인 옆에 공간을 클릭하면 빨간점(breakpoints)이 찍히고 윈도우 기준 F5 를 누르면 Run and Debug를 할 수 있다.

(점을 찍지 않으면 물론 그냥 실행 된다.

 

점은 브레이킹 포인트로 저 부분 실행 당시의 변수 값을 친절히 보여주고 실행을 딱 멈춘다.

가운데 위에 왼쪽부터 버튼 기능

- continue: 프로그램 종료 끝까지 실행된다.

- step over: breakpoint라인에서 다음 라인으로 이동. 다음라인이 함수일 경우 함수 전체 실행.

- step into: 마찬가지로 다음 라인으로 이동. 다음 라인 함수면 함수내 한줄씩 이동.

- step out: 함수 나머지 부분 실행 후 리턴완료된곳에서 멈춤.

 

 

참고 출처: https://velog.io/@proshy/VScode-%EB%94%94%EB%B2%84%EA%B9%85-breakpoints-watch-step

[VScode] 디버깅 breakpoints, watch, step