DevTools 팁: 중단점 및 로그 지점

Sofia Emelianova
Sofia Emelianova

중단점을 사용하면 실행 도중에 선택적 조건에서 코드를 일시 중지하고 해당 시점의 모든 값을 검사할 수 있습니다. 로그 지점을 사용하면 실행을 일시중지하지 않고도 콘솔에 메시지를 로깅할 수 있습니다. 중단점과 로그 지점은 코드의 debugger; 문과 console.log() 호출의 효율적인 대안입니다.

중단점과 로그 지점을 사용하여 코드를 디버그하는 방법을 알아보려면 동영상을 시청하세요.

  • 클릭 한 번으로 중단점을 설정합니다.
  • 호출 스택을 보고, 변수를 검사하고, 범위콘솔에서 값을 수정합니다.
  • 마우스 오른쪽 버튼을 클릭하고 서드 파티 스크립트를 무시합니다.
  • debugger; 문 일시중지를 사용 중지합니다.
  • 일시중지할 조건을 추가하세요.
  • 일시중지하지 않고 값을 콘솔에 로깅합니다.
  • 포착되거나 포착되지 않은 예외에서 일시중지하도록 Debugger를 설정합니다.

중단점 유형에 관한 자세한 내용은 중단점으로 코드 일시중지를 참고하세요.