· KLDP.org · KLDP.net · KLDP Wiki · KLDP BBS ·
Mozilla Firefox

오픈 소스 웹 브라우저. 모질라 프로젝트에서 만들었다.

4. 웹개발에 편리한 기능

4.1. 기본 기능

  • 페이지 구성 정보
  • 자바스크립트 콘솔/디버거

4.2. 확장 기능


  • Web Developer - 웹 개발자를 위한 매우 다양한 기능을 제공한다.
    • CSS 편집 기능
    • 쿠키 정보 조회, 리셋
    • 세션 및 페이지 각 구성요소의 On/Off/상태 보기 및 편집 - Form의 Hidden 값의 변화를 보는데 매우 편리하다.
    • 기타
  • [http]HtmlValidator - Tidy에 기반한 HTML 문법 검사
    HtmlValidator.jpg
    [JPG image (64.19 KB)]
  • [http]ColorZilla - 커서가 위치한 곳의 색상(RGB, Web)을 알아낼 수 있다.
    ColorZilla.jpg
    [JPG image (12.61 KB)]
  • [http]ShowIP - 현재 페이지의 IP 및 Whois 정보 조회
    ShowIP.jpg
    [JPG image (13.75 KB)]
  • [http]Document Map - 현재 페이지의 구조를 보여주어, 빠른 내비게이션이 가능하도록 한다.
    DocumentMap.jpg
    [JPG image (52.43 KB)]
  • [http]MeasureIt - 드래그로 선택한 영역의 크기(픽셀)를 알 수 있다.
    MeasureIt.jpg
    [JPG image (20.28 KB)]

5. Tips

5.1. 유용한 extension 소개

5.2. about:config

  • 1.5에서 GET 방식으로 한글을 넘길때 UTF-8 형식으로 보내서 대부분의 사이트에서 한글파일을 잘 못 불러온다. network.standard-url.encode-utf8 -> false


6. firefox 사용법에 대한 몇가지 웹사이트 강좌자료

6.1. 불여우잡기 - 진보넷


http://networker.jinbo.net/zine/list.php?board=networker_4&category2=79
진보넷 월간네트워커에 소개된 기사들입니다.
파이어폭스의 여러가지 유용한 기능들에 대해 소개가 잘 되어있습니다.
새로 설치하는 경우 백업부터 복구까지 기능도 유용할 것입니다.

불여우잡기 리스트
38호 제 목 등록일
37 불여우 ! 펌질을 도와줘 2006-09-07
36 불여우 백업부터 복구까지 2006-07-27
35 불여우, 보시기에도 좋더라 2006-07-20
34 불여우 북마크는 RSS로 살아있다 2006-06-12
33 당신이 귀차니스트라면 불여우와 함께! 2006-05-12
32 불여우가 불편하다고? 그건 착각일껄? 2006-05-02
31 불여우를 타고 항해에 나서다 2006-04-27

6.2. 파이어폭스의 대항해 - zdnet

zdnet의 기사입니다. 참고할만 합니다.
http://www.zdnet.co.kr/builder/platform/etc/0,39031670,39135444,00.htm 

연재순서
1. 웹 브라우저 혁명군, 파이어폭스
2. IE 개발자 시각으로 본 파이어폭스 개발 플랫폼
3. 파이어폭스, 그 안에 숨은 더 큰 가능성
4. LiveLines로 시작하는 파이어폭스 확장기능 개발
5. 파이어폭스 확장기능 베스트 5
6. 최후의 미션! 액티브X를 넘어라 

6.3. 제가(문태준) 쓰는 Firefox Extensions

참고 : http://bbs.kldp.org/viewtopic.php?t=68425

https://addons.mozilla.org/extensions.php 에서 필요한 것을 검색하여 바로 설치할 수 있습니다.

제가 쓰는것들
DownThemAll : 다운로드 관리. 아주 절실히 필요하지는 않음.
PDF Download : PDF파일을 다운로드할지 아니면 웹상에서 볼지 확인
IE View : 링크에서 오른쪽 마우스 클릭시 별도창에서 IE로 프로그램보기
IE Tab : IE 전용페이지를 Firefox에 내장된 IE로 엽니다. 위의 IE View는 별도 창을 띄우는 것이지만 IE Tab은 탭하나 더 해서 거기에서 IE에서 할 수 있는것 다 할 수 있습니다. 예를 들어 인터넷 뱅킹등. 정말 편리합니다. 강추!!!
Web Developer : 위에도 쓰신다는 분이 있는데 joomla (CMS 프로그램)을 가지고 여러가지 정보를 보다니 웹개발관련해 설치해보았습니다. 쿠키, CSS, 폼, 이미지, HTML 정보 등을 쉽게 확인할 수 있으며 웹개발시 디버깅이 편리할 것입니다.
Screen grab! : 현재 문서, 화면, 창을 이미지로 저장

7. CompleteMe

  • Firefox Theme
  • Firefox RSS 구독 기능

8. 의견

책 홍보가 함께 있는 사이트이기 때문에 직접 링크를 망설이기는 했지만 아직 Wiki에 익숙하지도 못하고 글을 한꺼번에 옮기기에는 시간적 여유가 좀 없는지라 그냥 링크를 올립니다. 혹 시간이 되면 KLDP를 위한 문서화를 진행해 보도록 하겠습니다. -- freekgb
KLDPMagazine에서는 링크를 내렸습니다. -- freekgb

구조를 조금 편집해봤습니다. -- 영록

좀더 세분화하고, 자주 쓰는 플러그인의 이미지를 좀 넣어봤습니다. 너무 큰가요? -- mmx900

제가 신경 못쓰고 있는 사이에 수정이 되었군요. -- 감사하구요. freekgb

진보넷, zdnet의 기사와 제가 쓰는 것들 추가했는데 줄을 일일이 띄어야해서 일단 코드처리했습니다. 쯔압. 더 편집해야하는데... (문태준)

편집하고 툴바쪽 링크, 이미지를 좀 수정해 봤습니다. freekgb님 홈페이지 연결이 안되네요... netisinfinite




ID
Password
Join
You will meet an important person who will help you advance professionally.


sponsored by andamiro
sponsored by cdnetworks
sponsored by HP

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2007-06-15 17:16:16
Processing time 0.0331 sec