vscode로 디버깅하기

웹 브라우저에서와 같이 vscode에서도 디버거를 사용할 수 있다.

break point 설정

메뉴 알아보기

variables

• local
• global

watch

• 변수 추적
• 문장도 입력 가능

call stack

함수 실행순서를 확인할 수 있다.

loading script

현재 로드된 모든 스크립트(소스 파일)를 보여준다.

break point 확인

break point중 지금 사용하지 않을 것을 일시 비활성화 할 수 있다.

디버거 조작하기

continue

클릭하면 다음 브레이크 포인트로 실행

step over

코드 한줄씩 실행하는데, 다른함수를 호출할 때 건너뛰면서 실행됨

step into

함수 안으로 들어가고 싶을때

step out

함수 밖으로 빠져나옴

활용팁

• variable 동적으로 조작
• edit break point로 특정 시점에 멈추게 하기
• 콜스택에서 몇번째줄에서 호출되었는지 확인하기