자바스크립트 디버깅 vscode

debugger; 을 궁금한 소스코드에 삽입

개발자도구 source 탭에서 변수 확인

1. 이 상태에서 위의 파란 버튼을 누르면 debugger라는 구문이 밑에 또 있지 않는 한 그냥 끝까지 실행한다.만약 실행하다가 또 다른 debugger문장이 있으면 그 자리에서 다시 멈춰선다.

2. 파란버튼 오른쪽에 버튼은 "Step over next function call", 즉 다음 함수 구문으로 넘어가는 버튼이다.아까 위의 상태에서 저 버튼을 누르면 다음과 같이 진행된다.

출처 :
https://im-developer.tistory.com/84
https://ko.javascript.info/debugging-chrome