우아한 프로그래밍
반응형
article thumbnail
크롬에서 자바스크립트 디버깅 방법에 대해서 알아보자
카테고리 없음 2018. 10. 27. 10:12

1. HTML코드 작성 (자바스크립트 포함) 크롬에서 자바스크립트 디버깅을 하는 방법은 아주쉽습니다. 먼저 HTML 코드를 작성해보겠습니다. 아래 처럼 만들고 실행해 봅니다. 크롬에서 개발자도고를 실행하여 정상적으로 로그가 출력되었는지 확인합니다. 2. 디버깅 코드를 넣기 #1 디버깅하는 방법에는 2가지 정도 방법이 있습니다. 먼저 첫번째 방법으로는 코드에 debugger;를 삽입해주는 방법입니다. 아래와 같이 말이죠. 그럼 소스를 수정한 후 다시 실행해 봅니다. 정상적으로 디버깅이 걸리는 것을 확인 했습니다. 3. 디버깅 코드를 넣기 #2 이번에는 다른 방법으로 디버깅을 걸어보도록 하겠습니다. 맨처음 소스대로 놓고 개발자도구를 켭니다. 그리고 아래와 같이 작업을 해주시면 디버깅이 걸립니다. 그리고 페이..

반응형