Enzoy's Empty Space ...

하드를 쌈빡하게 날려먹고는 바로 아무 생각없이 옆에 쌓인 하드 중 하나를 덥석 집어 컴퓨터에 달고서는 포맷을 하고 시스템 셋업(보다는 인스톨이라는용어를 더 좋아하곤 했었다 - -)을 시작한다.

그 와중에 모질라 계열의 선두 브라우져 FireFox와 그 플러그인 중 유용한 한녀석인 FireBug를 설치했다.
그 설치 과정에 흐른 단상을 글로 흐트려 보고 싶어졌다.

일단 파이어폭스 설치부터...

냅다 다운로드 받아서 실행하면 당연히 이런 창이 뜨면서 시작한다. 옛날에 Install Shield 스크립트로 이런 설치 마법사 짜던 시절 생각이 난다. 초창기 인스톨실드 자체에 버그도 많고 구조도 열악해서 월매나 고생을 했던지 ^^;;;

클릭하면 확대되서 보이겠지만, 두번째 화면에서 "동의함"을 눌러야 다음 화면으로 넘어갈 수 있는 스타일은 처음부터 요즘까지도 꾸준히 대세이다. 사용자의 "주체적의사"를 클릭으로 받아내고 넘어가야 하기에 ^^;;;


대중적인 사용자의 길을 걷기로 한 나는 요즘 IE에 쩔어서 살기에, 기본 브라우져 체크를 살포시 꺼주시고...
윗말에 바로 위배되는 행위로써, 기본설치(=빠른설치=익스프레스=쉬운설치=묻는게별로없음)가 아닌 사용자정의 설치(=고급사용자)로 들어가 보는 이유는... "요즘의 모질라라면 상세설치에서 어떤 옵션들이 제공되나?"가 궁금해서였다.( ㅡㅅ-);;


사용자정의 설치이기 때문에 물어봐주는 "설치 폴더 위치"와 바로가기 아이콘을 짱박을 곳 3군데의 선택, 그리고 시작버튼 메뉴 > 프로그램 리스트에 등록할 항목명을 물어본다. (마지막것은 지구상에 누가 과연 고쳐서 쓸까 싶은 생각이 스친다. 나같은 놈도 고쳐본 일이 없는데 말이지 - -... 아, 하긴, 저 제목이 너무 길면 시작버튼 메뉴 띄울 때에 폭이 길어서 짜증나므로 좀 줄여줄 필요가 있는 프로그램들이 간혹 있긴 할지도 모르겠다 ^ ^);;;


그 다음에 나오는 이 화면은 간혹 다소 뜨억해 보일 때가 있다. "설치 위치는 아까 잘 지정해줬는데, 왜 또 띄웠어?" 싶기 때문이다.

원래 이 화면은, 사용자가 선택한 설치 옵션들을 요약해서 보여주는 화면이다. "설치 시작할 준비는 다 되었고, 너는 요러요렇게 설치하라고 말한걸로 알아들었다. 지금 취소하면 설치는 안되고, 다음으로 넘어가면 되돌리기 힘드삼." 뭐 이런 뜻의 화면이랄까?

그런데 요즘 모질라(3.0.1)의 경우 사용자정의로 설치를 해도 뭐 별로 물어보는게 없다시피해서 나에게 실망감을 안겨줬고, 따라서 이 "설치 준비 요약" 화면의 구성이 이렇게도 썰렁한 것이다. 나오는 내용이라곤 "설치 위치"와 "기본브라우져 선택 여부" 밖에 없는 것이다. (  ㅡㅅ-);;


그래프가 올라가며 설치가 다 되고 나면 불여시 뒤통수가 다시 나오며 설치는 종료된다. 마지막 화면에 보이는 "방금깐 프로그램을 실행한다"는 옵션.. 옛날(윈95~98)에는 저거 구현하는데에 애환이 많았었다. 해당 프로그램의 프로세스를 호출한 엄마(설치 프로그램)는 호출된 아들내미(설치된 프로그램)가 종료되기 전에는 스스로가 종료될 수 없었기 때문이다. 그런 구현법들이 잡지 아티클에 획기적인 내용으로 실리던 시절이었다. ^^;;

자 이젠 파폭을 다 깔았으니, 파벅을 깔 차례!

왠만한 파폭의 부가기능들은 파폭 그 자체의 메뉴를 통해 검색 및 설치가 가능하다.

메뉴에서 [도구 > 부가기능]을 실행하면 아래와 같이 부가기능 검색창이 뜨는데, "요즘 사람들이 이런거 좋아라혀" 와 같은 추천 소개 및 랭킹뷰까지 제공해준다. 검색어 입력란에 firebug를 쳐보니 라랄랄라 적절한 결과가 나온다.

게다가 "파이어버그 받는 사람들은 대개 다 요거저거도 같이 받더라" 싶은 것들도 아래에 함께 나오는 센스 - -;
암튼 "FireFox에 추가" 버튼을 누르면, 예의상 책임회피용 경고창이 한번 떠주시고... "지금설치" 눌러주시면 된다.

다 설치되고 나면 지가 알아서 배째고 창자 집어 넣고 "Firefox 다시 시작" 버튼을 내준다.

냅다 눌러주면 파폭이 리붓되고... 메뉴에서 "도구" 아래에 보면 방금 설치한 놈이 자리잡고 있음이 확인 가능.

이제, 어떤 페이지든간에, 메뉴에서 불벌러지(불나방 - -??)을 실행하면 그 페이지의 소스 구조를 단번에 보기쉽게 보고 분석할 수 있으며 심지어 소스를 가상으로 고쳐서 그 결과를 미리 가늠해 볼 수도 있고, 복잡한 DOM 구조나 CSS의 최종적인 내용도 간단히 확인할 수 있다.


단적인 예로, 방금 깔아서 보이는 파폭 첫페이지에서 파이어버그를 새창으로 실행한 화면. html 소스가 가지런히 인덴트되어 소스가 보이고, 그중 원하는 곳을 펼쳐서 마우스로 콕 찍어주자, "그 소스 부분은 브라우져상에서는 이부분이여요" 하면서 퍼러딩딩한 반전 영역으로 표시해준다. "검사" 기능을 사용하면 반대로 "브라우져에서 콕 찍어줄 이 부분은 소스상에서 과연 어디니?" 같은 짓도 가능하다 ^^;


"레이아웃" 기능도 쏠쏠하다 (그림은 클릭해서 볼것 - -); 원하는 객체를 톡 집어주고 레이아웃 탭을 열어보면, 그녀석의 시작위치 지정(offset)과 바깥 마진, 안쪽 패딩, 결과 크기가 상하좌우 몇몇씩인지 친절상세쌈빡하게 알려준다.

나를 인도해줬던 "수박군에게 감사"...그리고 나중에 내가 답변 대신 이글을 던져주게될 "제이스군에게 이 포스트를..." 이라는 두마디를 던지며 포스트를 마치겠음 ^^;