자주하는 브라우저 디버깅은 잊어버리지 않지만,
가끔 하는 vSCode의 디버깅이 헷깔려서 기록 하도록 하겠습니다.
VSCode / 브라우저
디버깅 시작 및 계속 진행
- VSCode: F5
- 브라우저: F8
브레이크포인트 설정/해제
- VSCode: F9
- 브라우저: F9
코드 라인 넘기기 (Step Over)
- VSCode: F10 (현재 코드 줄을 넘김)
- 브라우저: F10 (Step Over next function call)
코드 라인 안으로 들어가기 (Step Into)
- VSCode: F11
- 브라우저: F11
함수 밖으로 빠져나오기 (Step Out)
- VSCode: Shift + F11
- 브라우저: Shift + F11
디버깅 중지
- VSCode: Shift + F5 (디버깅 중지)
- 브라우저: Ctrl + F2 (디버깅 세션 중지)
디버깅 재시작
- VSCode: Ctrl + Shift + F5 (디버깅 재시작)
- 브라우저: 없음 (하지만 새로고침으로 유사 기능)
브라우저 디버깅과 VSCode 디버깅에서 사용되는 단축키들을 비슷한 기능으로 묶음