커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

개발도구 개발도구들 - firebug

페이지 정보

작성자 관리자 댓글 0건 조회 4,895회 작성일 20-06-03 11:07

본문

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 : 문서를 구성하고 있는 리소스들의 다운로드 현황과 서버와 커뮤니케이션하는 내역을 열람할 수 있다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.