'개발자도구 디버깅' 태그의 글 목록

여러 기능을 지원하는 크롬의 개발자 도구는 여러모로 편리합니다. 디버깅하기 좋은 소스탭이나 특정 코드를 파일로 만들지 않고 바로 실행해볼 수 있는 콘솔 탭 등등 그 중에서도 저는 특히 콘솔탭을 이용한 스크립트 실행이 제일 잦은데요, 해당 스크립트가 제대로 동작을 안한다는 둥 디버깅이 필요할때 스크립트의 맨 위에 `debugger`를 꼭 넣습니다. 하지만 따로 따로 여러 함수를 입력하면 찾기 힘들고 하나의 엔터에 모아서 입력해야 해서 여간 번거로운게 아니었습니다. 그래서 찾아보다 알게된게 아래의 문장인데요 `//# sourceURL=scriptName.js` 콘솔 창에서 위 코드를 같이 넣어주면 소스 탭에서 파일로 접근할 수 있게 됩니다 그러면 위 사진처럼 브라우저 환경에서 디버깅 하듯 파일에 접근할 수 ..