Chrome 으로 기초 디버깅

스크립트 내 에러를 검출해 제거하는 일련의 과정을 디버깅모던 브라우저와 호스트 환경 대부분은 개발자 도구 안에 UI 형태로 디버깅 툴을 구비해 놓습니다. 디버깅 툴을 사용하면 디버깅이 훨씬 쉬워지고, 실행 단계마다 어떤 일이 일어나는지를 코드 단위로 추적할 수 있습니다. 프론트에서도 디버깅이 중요하며, 이 글에서는 Chrome 브라우저에서 제공하는 디버깅 툴을 사용하도록 하겠습니다.기능이 다양하고, Chrome 에 익숙해지면 다른 브라우저에서 지원하는 디버깅 툴을 쉽게 익힐 수 있기 때문입니다.  사용 방법F12 또는 Cmd + Opt + I 를 눌러 개발자 도구를 엽니다.Sources 탭을 클릭해 Sources 패널을 엽니다. 해당 open sources 버튼을 누르면 navigator 가 열리면서 현..