KLDPWiki: Mozilla Firefox

Mozilla Firefox

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

1. Firefox 관련 사이트

2. 초보자 가이드

3. 포털 사이트 툴바

4. 웹개발에 편리한 기능

4.1. 기본 기능
4.2. 확장 기능

5. Tips

5.1. 유용한 extension 소개
5.2. about:config

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

6.1. 불여우잡기 - 진보넷
6.2. 파이어폭스의 대항해 - zdnet
6.3. 제가(문태준) 쓰는 Firefox Extensions

7. CompleteMe

8. 의견

[edit]

1. Firefox 관련 사이트 ¶

[edit]

2. 초보자 가이드 ¶

[edit]

3. 포털 사이트 툴바 ¶

[edit]

4. 웹개발에 편리한 기능 ¶

[edit]

4.1. 기본 기능 ¶

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

[edit]

4.2. 확장 기능 ¶

Web Developer - 웹 개발자를 위한 매우 다양한 기능을 제공한다.
- CSS 편집 기능
- 쿠키 정보 조회, 리셋
- 세션 및 페이지 각 구성요소의 On/Off/상태 보기 및 편집 - Form의 Hidden 값의 변화를 보는데 매우 편리하다.
- 기타
HtmlValidator - Tidy에 기반한 HTML 문법 검사

[JPG image (64.19 KB)]
ColorZilla - 커서가 위치한 곳의 색상(RGB, Web)을 알아낼 수 있다.

[JPG image (12.61 KB)]
ShowIP - 현재 페이지의 IP 및 Whois 정보 조회

[JPG image (13.75 KB)]
Document Map - 현재 페이지의 구조를 보여주어, 빠른 내비게이션이 가능하도록 한다.

[JPG image (52.43 KB)]
MeasureIt - 드래그로 선택한 영역의 크기(픽셀)를 알 수 있다.

[JPG image (20.28 KB)]

[edit]

5. Tips ¶

[edit]

5.1. 유용한 extension 소개 ¶

SKT 문자 보내기
Flashblock
플래시 플러그인을 설치해도 일단 아래화면처럼 막은 후 플래시 로고를 클릭하면 보여준다. 광고는 차단하고 메뉴로 사용하는 플래시만 볼 수 있어서 매우 편리하다.

[PNG image (41.94 KB)]
All-in-One Gestures
Sage
Download Manager Tweak
Gmail Notifier
IE View Lite
Compact Menu
- 자주 사용하지 않는 텍스트 메뉴를 아래와 같이 물고기 모양으로 바꾼다.
  
  [PNG image (27.36 KB)]

[edit]

5.2. about:config ¶

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

[edit]

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

[edit]

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

[edit]

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를 넘어라

[edit]

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! : 현재 문서, 화면, 창을 이미지로 저장

[edit]