- 브라우저에서 html 파일을 실행한다.
- 개발자 도구를 열어 source 탭으로 들어간다.
- 디버깅을 시작하고 싶은 줄을 클릭하거나, 시작하고자 하는 줄 앞에 debugger; 를 작성해주어서 breakpoint를 걸어준다.
- 새로고침을 하면, breakpoint에서 실행이 멈춘다.
- 맨 오른쪽 화살표를 누르면, 코드 실행 순서대로 디버깅이 시작된다.
두번째 화살표를 눌러도 순서대로 실행되는데, 함수 안으로는 들어가지 않는다. 세번째 화살표(아래방향)를 누르면, 함수 내로 step in 한다.
네번째 화살표(윗방향)를 누르면, 함수 밖으로 step out 한다.
Zoë Park