간단한 디버깅예시

somedaycode·2021년 1월 12일
0
post-thumbnail

디버깅

'작성된 프로그램들이 정확한가?'를 조사


Breakpoint(중단점)

app.js라는 파일을 만들었다.

중단점은 현재 줄에서 f9을 사용하여 전환할 수 있다.

  • 빨간색 채워진 원이 코드 줄 옆에 표시된다.
  • 비활성화 된 중단점은 회색 원으로 표시된다.
  • 디버거에 등록할 수 없는 중단점은 회색 빈 원으로 변경됨.

이렇게 중단점을 걸면 console.log(msg)가 실행되기 전에 멈추게 된다.


Watch (조사식)

보고 싶은 변수를 모아서 볼 수 있다.

조사식 여백을 우클릭후 msg 변수를 입력 후 디버깅을 시작하면 원하는 값이 아래와 같이 출력되어 표시된다.

profile
천천히 꾸준히

0개의 댓글