파이어버그 (소프트웨어)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

파이어버그는 조 히위트가 개발한 웹 개발 및 디버깅을 위한 소프트웨어이다. 파이어폭스 확장 기능과 구글 크롬용 북마클릿으로 구현되었으며, HTML, CSS, JavaScript, XML, DOM 요소의 실시간 표시, 작성, 편집 기능을 제공한다. 2006년 처음 출시되었으며, 웹 페이지 디버깅, 웹 보안 테스트, 웹 페이지 성능 분석에 사용되었다. 파이어폭스 57 버전부터 XUL 부가 기능 지원이 중단되면서 개발이 종료되었다.

파이어버그 (소프트웨어) - [IT 관련 정보]에 관한 문서
개요

이미지 준비중입니다.

파이어버그 로고
종류모질라 확장 기능
플랫폼크로스 플랫폼
개발조 휴이트, 얀 오드바르코, robcee, 파이어버그 워킹 그룹
웹사이트https://getfirebug.com/
설명웹 개발용 파이어폭스 애드온
상세 정보
최신 릴리스 버전2.0.19
최신 릴리스 날짜2017년 2월 16일
프로그래밍 언어자바스크립트, XUL, CSS
라이선스신규 BSD 라이선스
📚 더 읽어볼만한 페이지
  • 자바스크립트 프로그래밍 도구 - 그런트
    그런트는 자바스크립트 기반의 작업 실행 도구로, package.json과 Gruntfile을 통해 프로젝트를 구성하고 다양한 플러그인을 활용하여 작업 확장이 용이한 프로젝트 자동화 도구이다.
  • 자바스크립트 프로그래밍 도구 - QUnit
    QUnit은 존 레식에 의해 개발된 자바스크립트 유닛 테스트 프레임워크로, jQuery의 유닛 테스트 코드로 시작하여 독립적인 프로젝트가 되었으며, 모듈 및 테스트 정의와 표명 메서드를 통해 테스트를 수행한다.
  • 자유 소프트웨어 - 김프
    김프(GIMP)는 GNU 프로젝트에서 개발된 크로스 플랫폼 기반의 무료 오픈소스 래스터 그래픽 편집기로, 다양한 운영체제를 지원하며 풍부한 기능을 제공하지만 사용자 인터페이스에 대한 비판과 일부 기능의 부족함에 대한 평가도 존재한다.
  • 자유 소프트웨어 - PHP
    PHP는 라스무스 러도프가 개발한 범용 스크립팅 언어로, 웹 개발에 널리 사용되며 LAMP 아키텍처의 핵심 요소이다.
  • 공식 웹사이트에 알 수 없는 변수를 사용한 문서 - 브루클린 미술관
    브루클린 미술관은 1823년 브루클린 견습생 도서관으로 시작하여 현재 약 50만 점의 소장품을 보유한 뉴욕 브루클린 소재의 미술관으로, 다양한 분야의 예술 작품을 전시하며 특히 아프리카 미술과 여성주의 미술에 대한 기여가 크다.
  • 공식 웹사이트에 알 수 없는 변수를 사용한 문서 - 광주지방기상청
    광주지방기상청은 광주광역시와 전라남도 지역의 기상 예보, 특보, 관측, 기후 정보 제공 등의 업무를 수행하는 기상청 소속 기관으로, 1949년 광주측후소로 설치되어 1992년 광주지방기상청으로 개편되었으며, 기획운영과, 예보과, 관측과, 기후서비스과와 전주기상지청, 목포기상대를 두고 있다.

2. 역사

파이어버그는 2006년 1월, 파이어폭스 개발자 중 한 명인 조 히위트에 의해 BSD 라이선스 하에 처음 개발되었다. 파이어버그 워킹 그룹은 파이어버그의 오픈 소스 개발 및 확장을 감독했다. 파이어버그는 모질라 파이어폭스 확장 기능과 구글 크롬용 북마클릿(파이어버그 라이트)의 두 가지 주요 구현 방식을 가지고 있었다. 웹 페이지 디버깅 외에도, 웹 보안 테스트 및 웹 페이지 성능 분석에도 사용되었다.

파이어버그는 파이어폭스 개발자 도구에 기능이 통합되면서 개발이 중단되었다. 파이어폭스 57부터 XUL 부가 기능을 지원하지 않아 파이어버그는 더 이상 호환되지 않는다. 파이어버그는 수정된 BSD 라이선스 하에 배포되는 오픈 소스 자유 소프트웨어이다.

2.1. 버전별 역사

(원본 소스가 비어 있으므로 내용을 작성할 수 없습니다.)

2.1.1. 2.0 버전

파이어버그 2.0은 자바스크립트 구문 강조, 축소된 자바스크립트 코드의 보기 좋은 출력, 웹 페이지의 모든 이벤트 핸들러를 처리하는 DOM 이벤트 검사기 등 파이어버그 확장 기능에 많은 새로운 기능을 도입했다. 또한 CSS 선택자를 사용하여 페이지 요소를 검색할 수 있게 되었다. 사용자는 이 디버깅 도구를 통해 자바스크립트 표현식을 평가하는 동안 검사할 수 있고, 자바스크립트 함수에서 반환된 값을 검사할 수 있다. 더불어, 기존 HTML 요소에 새로운 HTML 속성을 추가하는 기능도 추가되었다.

3. 주요 기능

파이어폭스 개발자 중 한 명인 조 히위트가 2006년 1월에 처음 작성한 파이어버그는 HTML, CSS, 자바스크립트, XML, DOM 등을 실시간으로 표시, 작성, 편집할 수 있는 기능을 제공한다. 변경 사항은 즉시 적용되며, 모든 편집기는 자동 완성 기능을 지원한다. 파이어버그는 웹 페이지 디버깅 외에도 웹 보안 테스트 및 웹 페이지 성능 분석에도 사용되었다.

3.1. HTML 및 CSS

파이어버그는 HTML 및 CSS 요소를 검사하고 실시간으로 편집할 수 있게 해준다. 이후 버전의 파이어버그에서는 CSS의 실시간 변경 사항을 확인할 수 있다. HTML 요소를 검사하는 동안 CSS 요소의 시각화가 표시된다. 파이어버그 레이아웃 탭은 CSS 속성 값을 표시하고 조작하는 데 사용된다. 또한 사용자는 웹 페이지에서 표시되는 모든 HTML 요소를 클릭하여 해당 CSS 속성 값에 접근할 수 있다.

3.2. JavaScript 콘솔

파이어버그의 스크립트 탭에서는 사용자가 중단점을 설정하고 코드를 단계별로 실행할 수 있다. 파이어버그를 통해 JavaScript 코드의 특정 줄로 바로 이동하고, 식을 감시하며, 호출 스택을 확인할 수 있고, 실행 중 오류가 발생하면 디버거를 실행할 수 있다. 파이어버그는 오류를 기록할 수도 있는데, 로깅은 파이어버그 JavaScript API를 사용한다. 파이어버그의 JavaScript 패널은 오류를 기록하고, 함수 호출을 프로파일링하며, 개발자가 임의의 JavaScript를 실행할 수 있게 한다. 파이어버그는 사용자가 명령줄을 통해 JavaScript 코드를 실행하고, JavaScript, CSS, XML에서 발생하는 오류를 기록할 수 있도록 한다. 또한, JavaScript를 수정하고 사용자의 브라우저에서 즉각적인 결과를 확인할 수 있는 별도의 텍스트 편집기를 제공한다.

업데이트된 JavaScript 명령줄은 자동 완성 기능을 제공한다. 텍스트 편집기는 또한 전체 함수를 작성할 수 있는 기능을 제공한다. 파이어버그는 충돌이 발생했을 때 사용자가 웹 페이지를 새로 고침해야 한다.

* HTML, CSS, XML, DOM, JavaScript 등의 실시간 표시, 작성, 편집
* JavaScript의 로그 출력, 디버거, 프로파일러
* 명령줄 인터페이스 기능
* 통신 분석 (파일, XMLHttpRequest 등)
* 듀얼 디스플레이 환경에서의 표시 지원

3.3. 통신 분석

파이어버그는 파일, XMLHttpRequest 등의 통신을 분석할 수 있다. HTTP 헤더 및 요청 시간 관련 타임스탬프를 검사할 수 있다. Net 패널을 통해 외부 CSS, 자바스크립트, 이미지 파일 등 브라우저가 요청하는 URL을 모니터링할 수 있으며, 개별 파일의 다운로드 시간을 확인하고 브라우저 캐시에서 로드된 파일을 확인할 수 있다.

3.4. 기타 기능

파이어버그는 명령줄 인터페이스 기능을 제공한다. 파이어버그 명령줄은 자바스크립트로 작성된 명령어를 받으며, 각 명령어 실행 결과는 콘솔에 하이퍼링크로 표시된다. 또한, 듀얼 디스플레이 환경에서의 표시를 지원한다.

4. 확장 기능

파이어버그는 오픈 소스이므로, 사용자들이 자신만의 확장 기능을 개발하여 파이어버그 커뮤니티에 기여할 수 있다. 다양한 확장 기능들이 제작되어 파이어버그의 기능을 향상시키고 있다.

5. 라이선스

수정된 BSD 라이선스 하에 배포되는 오픈 소스 자유 소프트웨어이다.