발생일: 2011.10.26 문제: 그 동안 개발할 때엔 대부분 파이어폭스를 사용했었는데, 최근엔 크롬 개발자 도구도 파이어버그 못지 않게 훌륭한 것 같다. 파이어폭스보다 가볍고 빠른 데다, 개발자용 확장(extension)도 많아 더욱 끌린다. 마음에 든 참에 크롬 개발자 도구(Chrome Developer Tools)를 좀 자세히 보다가, 유용한 활용 팁들을 정리해봤다. 해결책: 1. 단축키 크롬 개발자 도구에서 유용한 간단한 단축키 몇 가지~ - 개발자 도구 열기(엘리먼트 패널) : Ctrl + Shift + C (맥일 경우 Command) - 개발자 도구 내 탭 전환 : Ctrl + [ or ] - 개발자 도구에서 콘솔 열고 닫기 : esc 도구를 여는 단축키가 3가지 있는데, 맥의 경우엔 기본 ..
발생일: 2009.09.25 문제: 프렌드 홍이 묻는다. "firebug으로 자바스크립트 브레이크포인트 잡아서 디버깅하는 법 아냐?" 음... 접때 어디서 본 것 같긴 한데, 잘 모르겠다. firebug은 거의 요소검사에만 사용하고 있거든... "잘 모르겠는디.... 검색해봐바바." 해결책: 홍이 검색해보더니 매우 잘 가이드해놓은 포스트를 알려준다. Firebug 중단점(Breakpoints) 강좌 동영상 포스트 참고 위 사이트는 소개 사이트이고, 실제로 강좌 동영상이 있는 사이트는 아래 사이트다. Screencast: Firebug Breakpoints 강좌가 24메가 정도라 좀 걸리지만, 인내를 갖고 다운로드 받아보도록 한다. 매우 유용하다... 오우... 이것 봐라! 아름답게 디버깅된다... 오우...