생활 웹디자인

코스 전체목록

닫기

파이어버그란?

디버깅이란

  • 프로그램상의 오류를 버그(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. egoing
    예 물론이죠!
    대화보기
    • 포아
      파이어 폭스 개발자 에디션에서도 당연히 사용 가능하죠?
    graphittie 자세히 보기