파이어폭스(Firefox)의 개발자 도구인 Firebug 에 대해서

안녕하세요. 저번에는 브라우져에 대해서 포스팅을 했는데 오늘은 파이어폭스(firefox)의 개발자 도구라고 보시면 되는 Firebug에 대해서 알아보겠습니다.

파이어버그를 파이어폭스에 설치하려면 크롬의 플러그인과 같이 추가해주시면 됩니다.

https://addons.mozilla.org/ko/firefox/addon/firebug/

여기에 들어가셔서 add 해주시면 다운로드되고 설치 해주시면 됩니다.

우선 파이어버그는 웹사이트의 html, css, 자바스크립트를 실시간 디버깅 및 편집을 할 수 있는 기능을 가지고 있습니다.

이 기능은 기본적으로 크롬에서도 있지만, 파이어 버그는 여기서 끝나지 않고 더 막강한 기능을 가지고 있습니다.

우선 파이어버그는 Dom, Net 까지 지원을 합니다. Net 카테고리는 정말 대단하다고 느끼실 수 있는데 감춰진 실제 url 및, 동영상을 url이 아닌 조각 파일 단위로 나눠서 쏘는 방법까지 한번에 보실 수 있습니다.

어떻게 보면 해킹 같아 보일 수 도 있지만, 꼭 그렇지만은 않습니다.

파이어버그는 실제로 잘못된 html, css, 자바스크립트를 즉시 수정해서 결과를 볼 수 있고,  해당 문제점을 서버 재시작할 필요 없이 계속적으로 디버깅 할 수 있기 때문에 웹 개발자, 웹 디자이너 에게는 정말 편리하게 사용될 수 있습니다.

그리고 웹개발 하시는 분들에게 정말 편리한 기능을 많이 제공하며,  쿠키가 무엇인기, DOM이 무엇인지 그리고 다른 사이트들은 css와 자바스크립트, html 을 어떻게 사용하고 클래스 정의를 어떻게 하는지 등에 대해서 쉽게 알아 갈 수 있는 개발자 툴입니다.

처음 웹개발을 회사에서 시작 하셨을 때 가장 좋은 툴일 것 같으며, 선임 개발자에게 묻기 전 이것을 토대로 확인한 후에 물어보면 좀 더 좋은 후배로 보이지 않을까 생각이 됩니다.

오늘은 이렇게 파이어폭스의 개발자 도구인 파이어버그에 대해서 알아보았습니다