디버깅
-
크롬으로 디버깅하기Study/JavaScript 2020. 6. 2. 12:23
크롬으로 디버깅하기 디버깅 (debugging) 디버깅은 스크립트 내 에러를 검출해 제거하는 일련의 과정을 의미한다. 모던 브러우저와 호스트 환경 대부분은 개발자 도구 안에 UI 형태로 디버깅 툴을 구비해 놓는다. 디버깅 툴을 이용하면 디버깅이 훨씬 쉬워지고, 실행단계마다 어떤 일이 일어나는지를 코드 단위로 추적할 수 있다. Sources 패널 Chrome을 사용해 예시 페이지를 엽니다. f12 (MAC : Cmd+Opt+I) 를 눌러 개발자 도구를 연다. sources 탭을 클릭해 sources 패널을 연다. sources 패널을 처음 열면 아래와 같은 화면이 보인다. 토글 버튼 을 누르면 navigator가 열리면서 현재 사이트와 관련된 파일들이 나열됩니다. 파일 목록에서 hello.js를 클릭해 아..