DevTools 팁: 중단점 및 로그 지점

Sofia Emelianova

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

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

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

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