개발도구

firebug

디버깅이란

  • 프로그램상의 오류를 버그(bug)라고 함
  • 버그를 때려잡는 것을 디버그(debug) 또는 디버깅(debugging)이라고 함
  • 이를 도와주는 도구를 디버거(debugger)라고 함.

파이어버그(firebug)

  • 파이어폭스에서 작동하는 addon
  • 전세계 웹개발에 획을 그은 기적같은 툴
  • 파이어버그는 파이어폭스의 addon이지만 파이어버그의 addon도 많음(전전세 같은 개념)

설치방법

  1. firefox.com 에서 firefox를 다운받아서 설치한다.
  2. http://getfirebug.com/ 에서 firebug를 설치한다.
  3. http://firequery.binaryage.com/ jQuery addon인 firequery를 설치한다, (jQuery 수업용)

탭별 기능

  1. console : 자바스크립트를 live로 실행할 수 있다.
  2. css : 문서에서 사용하고 있는 css 리스트를 볼 수 있다.
  3. script : 자바스크립트를 한줄 한줄 실행하면서 디버깅 할 수 있다.
  4. Net : 문서를 구성하고 있는 리소스들의 다운로드 현황과 서버와 커뮤니케이션하는 내역을 열람할 수 있다.

댓글

댓글 본문
  1. 이웃집토토로
    http://www.marketwatch.com......-01

    크롬이 무섭게 성장하긴 했군요. 흥미로운 것은 2014년에 모질라가 구글과 계약을 체결하지 않고
    야후와 5년 계약을 했다는 것입니다.
  2. 우옹우옹
    오오오오 멋있어용
  3. 계발에 많은 도움이 되는 좋은 툴도 소개해줄 뿐만아니라 사용법도 알려주시고정말 많은 도움이 되내요^ ^
graphittie 자세히 보기