posted by 도이모이 2008.03.05 08:51

오랜만에 그리스몽키 소개 드립니다.
그리스몽키가 무엇인지에 대한 글은 아래를 참고 하세요 ~
2008/01/01 - [Firefox] - 그리스몽키(greasemonkey)와 스타일리쉬(stylish)란 ?


종류: Greasemonkey 스크립트

주소: http://userscripts.org/scripts/show/1862

설명: 검색 결과 페이지에서 해당 사이트를 조그만 이미지로 미리 보여 줍니다. 특히, 이미지 관련 정보를 찾을 때 유용합니다.

1. < 적용 전 >: 단순히 텍스트만 노출 되어 클릭하기 전까지는 해당 사이트에 대해 알기 어렵습니다.

사용자 삽입 이미지

2. < 적용 후 > 검색 결과 앞에 해당 사이트에 대한 화면을 작은 이미지로 보여 줘 불필요한 방문을 줄여 줍니다.

사용자 삽입 이미지

댓글을 달아 주세요

  1. Favicon of http://lifeisgood.tistory.com BlogIcon Goodlife 2008.03.05 22:48  Addr  Edit/Del  Reply

    좋은 정보네요! 미리 볼수있다면 무조건 클릭하시 않아도 되서 편하겠습니다.

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.03.06 08:58  Addr  Edit/Del

      네, 가끔씩 깨진 사이트나 정보 몇 줄 달려 있는 썰렁한 사이트 판단하는데는 도움이 되는 거 같아요...

      구글 검색 관련 그리스몽키는 열 몇개 깔아 보았는데 (아무리 찾아 봐도 이 정도 밖에 안 되더군요 ^^) 거의 대부분 지우고 실제로 사용하는 몇개 안 되는 그리스몽키 중 하나입니다 ^^

posted by 도이모이 2008.01.31 08:34

Greasemonkey 그리스몽키 소개 드리려고 합니다.

Google More Links는 구글 검색 GNB
에 있는 more 기능을 확장 시켜 줍니다. 구글은 베타 서비스를 상당히 오랜 기간 진행 하는데 베타 서비스나 혹은 인기가 적은 서비스에 경우 more를 클릭해도 볼 수가 없어 이동에 매우 불편한 경우가 있습니다. 이 경우 Google More Links를 사용하면 해결이 가능합니다.

참고로, Greasemonkey 에 대한 자세한 설명은 아래를 참고 해 주세요.
2008/01/01 - [Firefox] - 그리스몽키(greasemonkey)와 스타일리쉬(stylish)란 ?


1. < 적용 전 > more를 클릭해도 안 보이는 서비스가 많습니다.


사용자 삽입 이미지


2. < 적용 후 > more 클릭 후 좀 더 많은 서비스를 볼 수 있어 편리합니다.
그리스몽키 주소: http://userscripts.org/scripts/show/6664

사용자 삽입 이미지

댓글을 달아 주세요

  1. Favicon of http://joogunking.tistory.com BlogIcon joogunking 2008.02.28 20:29  Addr  Edit/Del  Reply

    저거 은근히 불편했는데 확장이 해결해주는군요.
    구글이 개인 설정에서 특정 기능을 more 앞에 추가하는 기능을 만들어 줄 것으로 예상했었는데...

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.03.06 10:39  Addr  Edit/Del

      한국 사람들 마인드로 보았을 때 구글은 이해 안 되는 UI 가 참 많죠... 한국적 UI 와 미국적 UI는 정말 틀린 거 같습니다. ^^

posted by 도이모이 2008.01.17 08:19
구글 검색을 깔금하게 할수 있는 쓸만한 그리스몽키 스크립트를 소개 드립니다.
참고로, 제가 지난 번에 소개해 드린 CustomizeGoogle과 같이 사용하면 더 좋습니다 ^^
참고: 2007/09/20 - [Firefox] - Firefox (추천확장기능): Customizegoogle


종류: Greasemonkey 스크립트

주소: http://userscripts.org/scripts/show/11552

설명: 제목 그대로 구글 검색 결과를 확장시켜 주는 다양한 기능을 제공합니다. 이 중 대표적인 몇 가지만 소개 합니다.

1. 검색 결과에 테두리를 만들어 줘 시각적으로 구분을 쉽게 해 줍니다


사용자 삽입 이미지

2. 검색 결과 우측에 계속적으로 페이징이 떠 있어 언제든지 특정 페이지로 이동하는데 매우 편리한 기능을 제공합니다.
사용자 삽입 이미지


3. 마우스를 올렸을 경우 색을 변경 해 줘 시각적인 구분을 줍니다.

사용자 삽입 이미지


4. 사이트 아이콘 (Favicon)이 있을 경우 제목 앞에 보여 줍니다. 예제에서는 Daum Favicon이 붙어 있는 것을 확인 하실 수 있습니다.

사용자 삽입 이미지

<참고>
2008/01/01 - [Firefox] - 그리스몽키(greasemonkey)와 스타일리쉬(stylish)란 ?

댓글을 달아 주세요

  1. Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2008.01.20 13:26  Addr  Edit/Del  Reply

    구글의 2.0검색엔진과 비슷한 결과를 얻을수 있는것 같네요 ..테스트로 아래의 링크를 브라우저에 복사하여 보시기 바랍니다. 도이모이님의 블로그 검색결과입니다.

    www 점 searchmash.com/flash/search/#q=web:16.+garbage
    위의 결과는 flash로 볼수 있습니다.

    www 점 searchmash.com/search/link:www.doimoi.net
    아래의 링크는 도이모이님의 블로그의 back link된 상황을 검색한것입니다.우측 화면에 블로그 검색 결과로 저의 블로그가 잡히네요^^

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.01.20 16:57  Addr  Edit/Del

      오호... 이런 검색 엔진이 있군요. 자체 검색 엔진을 쓰는 것인지 아님 메타 검색 엔진인지 모르겠는데.. limk는 구글 보다 잘 찾는 거 같네요.
      제 블로그 링크 되어 있는 거 몇개 더 찾았다는 상당히 주관적이며 단편적인 판단이지만 ^^

      좋은 정보 감사드립니다 ^^

    • Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2008.01.20 22:33  Addr  Edit/Del

      참고로 hoogle.kr/116 이곳에 소개가 되여 있어요, 저도 최근에야 알았습니다.

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.01.21 18:34  Addr  Edit/Del

      ㅋㅋ. 유명한 호글님글에서 보셨군요 ^^

posted by 도이모이 2008.01.02 08:00

( 이 글은 월간 PC사랑 2007년 12월호 기고한 글의 일부입니다

그 동안에 인터넷은 사용이자 입장에서는 사이트 운영자가 만들어 주는 기능과 구성에 따라 사용 하는 수 밖에 없었습니다. 해당 사이트에 구성을 바꾸고 싶거나 기능을 추가하고 싶으면 고객문의 게시판 등을 통해 요구 사항을 전달 하는 수 밖에 없습니다. Greasemonkey Stylish가 나오기 전까지 해당 사이트에 대한 모든 권한은 운영자가 가지고 있었던 셈입니다. 물론, 커뮤니티 사이트에서는 사용자가 운영자가 되어 동호회를 운영할 수 있게 하여 운영 권한에 일부를 넘겨 주거나, 일부 사이트에서는 개인화 페이지 기능을 사용 해 웹페이지에 기능을 일부 변경시켜 주는 옵션을 제공 해 주는 경우도 있었지만, 결국 이것도 기획자에 치밀한 계산에 따른 또 다른 기능과 UI에 불과하였습니다.


하지만, Greasemonkey Stylish에 등장으로 새로운 전환기를 맞이하게 되었습니다. 이들에 등장으로 사용자는 수동적인 입장에 사용자가 아니라, 사이트에 기능과 디자인을 직접 만들어 사용 할 수 있는 방법이 생김으로써 과거 운영자들만 가지고 있었던 권한에 일부를 빼았아 올 수 있게 되었습니다.


좀 더 구체적으로 설명 드리면 다음과 같습니다. 기존에는 구글 (Google) 서비스를 사용 하다가 기능에 부족함을 느낀다거나 구성이 맘에 들지 않으면 그냥 참고 사용하던가 아님 다른 서비스를 찾아 보던가 혹은 좀 더 적극적인 사용자는 고객 제안을 하는 수 밖에 없었는데 Greasemonkey Stylish로 구글에서 제공하는 않는 기능을 내가 만들거나 다른 사용자가 만들어 놓은 것을 사용 할 수 있게 되었습니다. 심지어, 국내 1위 포탈인 네이버에 경우 복잡한 메인페이지 구성에 불만을 토로하시는 분들이 많은데, 이럴 경우 네이버 메인 페이지에 잡다한 기능을 모두 빼 버리고 구글처럼 검색 부분만 달랑 위치하게 구성해 사용 할 수 도 있게 된 것입니다. 사용자를 사용자로 머무르지 하지 않고, 운영자 역할을 일부 수행 할 수 있는 새로운 위치로 사용자에 위치를 변화 시킴으로써 Greasemonkey Stylish에 등장은 혁명이라고 많은 사람들이 이야기 하고 있습니다.

 

< Greasemonkey를 사용하면 네이버를 구글처럼 상단만 남기고 모든 부분을 지워 깔끔하게 사용 할 수 있습니다. 자세한 내용은 http://minicube.tistory.com/45 를 참고 하시면 됩니다 >

Greasemonkey Stylish ?

 

Greasemonkey Stylish를 사용하기 위해서는 Firefox처럼 브라우저 자체에서 지원을 해 줘야 하는데, 아직은 Internet Explorer은 공식적으로 지원해 주고 있지 않습니다. (비공식적으로 사용 할 수 있는 방법으로는 IEToy이 있습니다). 그렇기 때문에 현재는 Greasemonkey Stylish를 사용하기 위해서는 Firefox를 사용해야 합니다. Firefox는 플랫폼이 오픈 되어 있어 전 세계 수 많은 개발자들에 상상력이 결합되면서 계속적으로 살아서 발전하는 브라우저이기 때문에, 우리가 상상한 기능은 이미 누군가가 상상해 개발까지 끝 마쳐 부가 기능으로 (Extension) 제공하기 있기에 Internet Explorer와는 비교 할 수 없는 수 많은 기능을 제공하기에 필자는 주로 Firefox를 사용하고 있습니다. 그렇기에 이 글을 읽는 독자 분들에게도 Firefox를 사용 해 볼 것을 권해 드립니다. 설치 후 Firefox에 확장 기능인 Greasemonkey Stylish를 설치하시면 웹사이트를 자신에 입맛에 맞게 설정해 가면 사용 하실 수 있습니다.

 

<다운로드 주소>

이름

주소

Firefox

http://www.mozilla.or.kr/

Greasemonkey

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

Stylish

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

 

그럼, 본격적으로 Greasemonkey Stylish에 대해 설명 드리기 전에 어떻게 운영자가 제공하지도 않는 기능을 사용자가 변경해 가면 자기 입맛에 맞게 사용 가능한지 설명 드리면, 웹사이트에 소스에는 많이 알려진 것처럼 HTML외에도 Javascript로 대표되는 스크립트와 CSS로 대표 되는 스타일이 같이 있습니다. 주로 HTML에 내용이 들어가 있다면, Javascript에는 창크기를 변경하거나 경고 메시지를 보여주거나 하는 등 주로 기능적인 부분을 제어하는데 사용합니다. 또한, CSS는 주로 배치와 디자인을 담당합니다.

그래서, HTML + Javascript + CSS 이렇게 3개가 모여 우리가 접속 한 페이지가 보이는 것입니다. Greasemonkey Stylish 를 사용하기 전에는 서버 쪽에서 보내주는 이 3개를 모두 받아서 사용 할 수 밖에 없었는데, Greasemonkey Stylish 설치하면 필요한 부분만 서버에서 받고, 나머지는 내가 PC에 설치해 놓은 스크립트와 CSS를 가져와 사용 할 수 있습니다. 주로, Greasemonkey Javascript를 제어하기에 기능에 변경을 주는 스크립트들이 많고, Stylish는 주로 CSS를 제어하기에 UI와 디자인을 변경 할 수 있는 스타일들이 많습니다.  

관련글
2007/11/08 - [Firefox] - 국내 그리스몽키 (Greasemonkey) 스크립트
2007/11/26 - [Firefox] - 지메일 업그레이드와 Firefox
2007/11/07 - [Firefox] - google.co.kr 배경색 파란색으로 변경하는 stylish 스크립트
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox

댓글을 달아 주세요

  1. Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2008.01.02 16:16  Addr  Edit/Del  Reply

    오래동안 Firefox를 사용하고 있지만 솔직히 Greasemonkey가 제일 이해하기 어려운 부분이였습니다.이후에도 이런 글 많이 부탁드립니다.^^ Firefox와 오픈 소스 만세입니다.ㅎㅎ

    도이모이님, 새해에 복 많이 받으셔요:)

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.01.02 21:57  Addr  Edit/Del

      누구신가했더니.. 심플블로깅님(?)이시군요 ^^
      과분한 칭찬 감사드립니다

      gmail에 대한 글 써야 하는데 제가 수술해서 입원 중이라 쉽지 않군요 :)

    • Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2008.01.02 22:57  Addr  Edit/Del

      어휴, 어떻게 돼서 입원중이셨군요, Gmail은 잊어버리시고 속히 완쾌하시어 빨리 일상으로 복귀하시기를 바랍니다.:)

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.01.04 12:47  Addr  Edit/Del

      팔에 깁스를 하게 되었네요. 크게 다친것은 아니라 수술하고 며칠 입원 후 퇴원하였습니다.. mjjin님 감사드립니다 ^^

  2. 은.먕. 2008.01.04 11:37  Addr  Edit/Del  Reply

    수술??????
    도이모이님 어디 아프삼?????

  3. 2010.04.21 15:03  Addr  Edit/Del  Reply

    비밀댓글입니다

    • Favicon of http://www.doimoi.net BlogIcon 도이모이 2010.04.22 10:10  Addr  Edit/Del

      예전에는 스타일시트 많이 사용했는데 요즘은 잘 사용 안 하거든요. 제가 어떤 것을 도와 드림녀 될까요?

  4. Favicon of http://corset.tistory.com/106 BlogIcon 메이비 2010.04.22 12:13  Addr  Edit/Del  Reply

    http://corset.tistory.com/attachment/cfile22.uf@1514B6264BCFBE03405E92.zip

    일단은 1차적으로 대략 번역을 했고, 번역 테스트 버전이니 수정해야 할 부분이 분명히 있을 것이니 검토해보시고, 수정할 부분을 말씀해주십시오. 아마 다음 업데이트 때에는 현재의 이 번역이 반영될 테니까요.

    • Favicon of http://www.doimoi.net BlogIcon 도이모이 2010.04.24 11:56  Addr  Edit/Del

      스타일리쉬에 대한 설명이나 사용방법인줄 알았는데 개발적인 부분이 많은거 같네요. 제가 개발에는 약해서 ㅡㅡ;

      정확하게 제가 어떻게 봐 드려야 할까요? 간단하게 HTML 보니 단문 해석이여서 잘못 된 부분은 안 보이는데요 ^^

posted by 도이모이 2007.11.28 08:00

이미 몇명에 블로거들을 통해 알려진 것처럼 이번달 7 일 ( 11/07 ) 지메일이 소리 소문 없는 업그레이드를 했습니다. 사실 디자인이 변경 된 부분이 거의 없고 단지 기능 몇개 들어 간 것으로 생각 될 수 있지만 Firefox 사용자들에게는 대단한 변화였습니다. 이유는, 내부 코드를 많이 변경 하여 그 동안 사용하던 Better Gmail 같은 확장 기능을 사용 할 수 없게 되었으며, 대부분에 Greasemonkey 스크립트를 사용 할 수 없게 되었습니다. 물론, 상단 우측에 있는 old version 을 클릭 해 소스가 변경 되기 전에 형태로 사용 할 수 있게 하였는데 IE 사용자가 UI도 거의 변하지 않는 웹서비스에 과거 버전을 사용 할리는 없고 아마 Firefox 사용자를 위한 배려가 아닐까합니다.

다행히, Firefox 서드파티 개발자들이 빠르게 대응해 주고 있는 것이 위안입니다. 대표적인 Gmail 확장 기능인 Better Gmail 이 Better Gmail 2라는 이름으로 거의 하루만인 11 월 8 일이 다시 나왔거든요. 돈도 안 받고 개발하는 일을 이렇게 신속하게 열정적으로 하다니 놀랍습니다. ( 이것이 종교의 힘 ! )

하지만, 아쉬운 것은 그러면서 어쩔 없는 것은 Better Gmail이 Greasemonkey 스크립트 패키지인데, 아직 대부분에 Gmail 스크립트들이 업데이트 되지 않아 기존 버전에 비해 매우 기능이 부족하다는 것입니다.

기능이 기존 버전에 비해 매우 미약하다는 것을 Better Gmail 개발자도 인정하면서 기존 버전과 같이 강력한 기능이 제공되기를 원할 경우  Greasemonkey 스크립트 개발자에게 해당 스크립트를 얼마나 사랑하는지 구구절절한 메일을 보내 달라고 하네요 :)

하여튼, 예전처럼 Gmail 과 Firefox 궁합이 하루 빨리 맞아 떨어져 즐구글 할 수 있는 시간이 빨리 왔으면 좋겠습니다.



 

댓글을 달아 주세요

  1. Favicon of http://blog.ebuzz.co.kr BlogIcon Buzz 2007.11.29 11:49  Addr  Edit/Del  Reply

    도이모이님의 해당 포스트가 11/29일 버즈블로그 메인 헤드라인으로 링크되었습니다.

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.12.01 07:59  Addr  Edit/Del

      메인 헤드라인으로 자꾸 뽑아 주시네요. 감사드립니다. ^^

      앞으로도 자주 뽑아 주세요... ㅋㅋㅋ

  2. Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2007.11.29 20:13  Addr  Edit/Del  Reply

    아무튼 Gmail은 대단합니다. Gmail이 업그레이드 된후 속도가 굉장히 빨라진듯 하나 어떤 다른 기능들은 약간 불만족입니다^^. 예를 들어서 주소창에 수신자의 메일주소를 때려넣으면 과거처럼 바로 뜨지 않은 경우가 있고요,,어떤때는 아예 뜨지가 않는것 같아요..다른 분들도 그런 문제가 있다고 하네요. 차차 개선이 되리라 생각하고요...과거 버전은 이미 지나갔지만 현재의 파폭 플러그인하고 잘 맞지가 않아서 그런지 그래도 과거 버전을 사용할때가 좀 그리워지네요^^.

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.12.01 08:01  Addr  Edit/Del

      저는 이번에 가장 좋은 것이 IMAP 기능이 지원되는 것이라고생각합니다.

      저도, 사실 IMAP 책에서만 보았지 이번에 처음 써 보거든요. 언제 어디서나 동일한 매일을 확인 가능하니 좋더군요 ~
      그러고, 파폭 익스텐션도 며칠 되지 않았는데 대거 개선 되어 있더군요. 본문에서 말한 것처럼 종교의 힘은 대단한거 같아요:)

posted by 도이모이 2007.11.19 08:57

PC사랑에 Firefox Greasemonkey / Stylish에 대한 글을 기고했습니다.

컴퓨터 잡지에 인터넷 소프트웨어에 대한 글을 쓰는 것은 거의 10 년 만인거 같습니다. 요즘은 해외 인터넷 서비스에 대한 글만 쓰고 있으니까요.

근데, 정말 오랜만에 자진해서 인터넷 소프트웨어라고 할 수 있는 Firefox Greasemonkey/Stylish 에 대한 주제로 글을 기고 했습니다.

이유인즉, 저는 Firefox를 단순히 브라우저로 보지 않았습니다. 저는 Firefox를 MS 에 대항하는 대항마로 MS에 맞서 싸우는 자유진영의 무기로 보고 있습니다.

인터넷 초장기 시절 Netscape 플랫폼을 중심으로 SUN 등 여러 연합군들과 동맹 해 거대 제국인 Microsoft에 Active 플랫폼 ( Internet explorer )과 싸웠지만, 결국은 Microsoft는 Windows 에 Internet Explorer를 탑재 시켜, Netscape 진영을 초토화 시켜 버려 싸움을 끝내 버렸습니다.




당시에는 이것으로 Netscape 진영이 사라지는 거 같았지만, 오픈 소스 정책으로 변경함으로서, 수 많은 자발적인 용병들과 여러 지원 단체들이 Netscape의 망령으로 다시 살아 나 Microsoft를 괴롭히기 시작했습니다.

이런 과정 속에서 나온 결과물 중에 하나가 Firefox이기 때문에 저는 10 년 전 Netscaspe와 Micrsoft에 전쟁이 다시 재현되는 거 같아서 너무 기쁘고 반갑습니다. 저에게 Firefox는 돌아 온 영웅이나 마찬가지입니다.

마치, 빈라덴은 사라졌지만 그의 추종자들이 새로운 단체를 만들어 미국을 괴롭히는 것처럼, 마크앤드리슨은 사라졌지만 Netscape를 추종했던 사람들이 모여 Firefox라는 것을 만들어 Microsoft를 괴롭히는 모습은 참으로 고소하고 재미 있습니다.

이런 이유 때문에, 많은 사람들이 Firefox를 사용 해서 Firefox가 좀 더 힘을 받았으면 좋겠습니다.

하지만, 일반인들은 역사적인 이유 뭐 이런것에는 관심이 없을 것입니다. 단지, 편하고 기능이 좋아야 사용을 할 것입니다.

이런 점에서도 Firefox는 Internet Explorer에 비해 우월합니다. 크게 두 가지인데,첫번째는, 이미 많은 분들을 통해 알려진 것처럼 확장 기능이죠. 수 많은 확장 기능을 통해 Firefox 기능을 무한정 확대 할 수 있다는 것이겠죠.

두번째는, 아직 잘 알려지지 않아 많이 사용하지 않지만 (확장기능 중에 하나인) Greasemonkey와 Stylish 라고 생각합니다. Greasemonkey와 Stylish 는 Firefox에 확장 기능 중에 하나일 수 있지만, 다른 확장 기능과  틀린 점은 여기에 다른 프로그램을 설치 할 수 있기에 플랫폼 역할을 수행 한다는 점입니다. (Firefox 위에서 돌아 가는 더 높은 레벨의 플랫폼이죠 )

Greasemonkey와 Stylish 는 인터넷을 혁명적으로 바꾼 프로그램이지만, 문제는 스크립트와 스타일에 대한 정보가 국내에 거의 없어 어떻게 사용하는지에 대해서 모르시는 분들이 많은 거 같더군요.

그래서, 제가 사용 하는 Greasemonkey 스크립트와 Stylish 스타일을 정리 해12 월 PC사랑과 내년 1 월달 PC사랑에 글을 기고 했습니다.

Firefox 가 여러 사람들에게 알려지는데 작은 도움이라도 되었으면 좋겠습니다.

댓글을 달아 주세요

  1. Favicon of http://www.soyoyu.net BlogIcon 유객 2007.11.20 09:36  Addr  Edit/Del  Reply

    저도 그리스몽키를 깔기는 했으나, 솔직히 스크립트에 문외한인 저로써는 어떻게 써야하는지 막막하더군요. 국내에서 스크립트 예시에 대한 글을 찾기 힘들어서 그냥 방치해 두고 있는 실정입니다.

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.11.20 13:16  Addr  Edit/Del

      그리스몽키 획기적인 프로그램이죠. ^^;
      근데, 이상하게 사용방법이나 스크립트에 대한 정보는 거의 없더군요. ^^

  2. Favicon of http://draco.pe.kr BlogIcon Draco 2007.11.20 10:26  Addr  Edit/Del  Reply

    자유진영의 싸움이니 그리스몽키의 활용이니 하는 거창한건 모르지만, 파이어폭스는 거의 모든 데스크탑 OS를 지원하면서도 보급률이 2위인 브라우저이기 때문에, "파이어폭스만 지원하면 OS에 상관없이 작동하는 사이트를 만들수 있는 훌륭한 기회"로 주장하고 있습니다. 그런데 회사에서는 잘 안먹히더군요 ㅎㅎㅎ

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.11.20 13:17  Addr  Edit/Del

      제가 좀 거창하게 글을 올렸죠. ^^'
      파이어폭스만 지원하면 OS에 상관없이 작동하는 사이트를 만들수 있는 훌륭한 기회 <-- 개념 없는 사람들에게 설명하기 좋은 논리인거 같네요 :)

  3. Favicon of http://corset.tistory.com/124 BlogIcon 메이비 2010.04.21 17:33  Addr  Edit/Del  Reply

    Greasemonkey와 Stylish 는 Firefox에Firefox에 확장 기능 중에 하나일 수 있지만, 다른 확장 기능과 틀린 점은점은 여기에 다른 프로그램을 설치 할 수 있기에 플랫폼 역할을 수행 한다는한다는 점입니다.

    는 무슨 의미인가요?

    • Favicon of http://www.doimoi.net BlogIcon 도이모이 2010.04.22 10:12  Addr  Edit/Del

      다른 일반 확장 프로그램은 그 자체가 목적이 있자나요.
      예를 들어 구글 툴바는 구글 검색과 메일을 쉽게 사용한다든지, 마우스제스처는 마우스로 웹서핑을 빠르게 할 수 있게 해 준다던지...

      그런데, 스타일시트는 그 자체가 목적이 아니라 스타일시트를 이용해 제작된 다른 프로그램을 실행 시키기 위한 프로그램이라는 뜻입니다 ^^

posted by 도이모이 2007.11.09 08:00
Greasemonkey에 대한 글을 몇개 포스팅 했는데, 국내에서 사용 할 수 있는 Greasemonkey가 거의 없더군요. 그래서, 그거라도 모아서 소개를 해 드리는 것이 국내 Greasemonkey 활성화에 조금이라도 도움이 된다고 생각해 조사를 해 보았습니다.

제가 웹서핑 하면서 찾은 것은 이 정도 되네요. 혹시, 더 아시는 거 있음 댓글에 남겨 주세요. 추가 해 놓겠습니다.


< IE Toy에서 사용 할 수 있는 Greasemonkey 스크립트  >
- SLR 클럽에 게시판에서 a와 s로 글간 이동
http://trueno.kr/73

- 제로보드 다음글 보기 스크립트 외
http://teslamint.egloos.com/1610972

<Firefox Greasemonkey 스크립트>
- 미투데이에서 댓글,퍼머링크,미투리스트 등의 링크에서 마우스를 올릴때 해당 회원의 프로필 이미지를 보여주는 스크립트
http://steelheart.kr/tc/143

- 네이버 메인페이지를 구글 메인페이지처럼 깔끔하게 정리
http://minicube.tistory.com/45

< 관련글 >
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox
2007/11/07 - [Firefox] - google.co.kr 배경색 파란색으로 변경하는 stylish 스크립트



댓글을 달아 주세요

  1. Favicon of http://madchick.tistory.com BlogIcon 미친병아리 2007.11.10 14:38  Addr  Edit/Del  Reply

    멋지군요..

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.11.10 14:45  Addr  Edit/Del

      안녕하세요. 미친병아리님~ ( 이거 어감이 조금 이상 ㅡㅡ)

      얼마전에 'firefox 사용자 거의 없습니다'라는 제 글을 추천 링크 해 주셔서, 제 블로그 유입자를 늘려 주시더니, 이렇게 직접 댓글도 작성해 주셨군요. :)

      egloos에만 블로그가 있는줄 알았더니, tistory에도 있었군요. 처음 알았네요

      방문해 주셔서 감사 드립니다 ~

posted by 도이모이 2007.11.07 08:47

Greasemonkey가 스크립트를 사용자가 맘껏 변경해 주는 확장 기능이라면, CSS를 사용자가 맘껏 변경해 주는 확장으로는 stylish라는 확장 기능이 있습니다. Firefox, Flock, Thunderbird에서 작동합니다.

Javascript가 주로 기능적인 부분을 제어하기 때문에 특정 사이트에 기능을 내 맘데로 변경 해 웹서핑 할 수 있다면, stylish라는 확장 기능은 CSS를 제어하기 때문에 디자인적인 요소를 변경해 웹서핑을 할 수 있습니다.

Greasemonkey도 아직 국내에서는 그렇게 많이 보급이 안 되어, 국내 웹사이트에 적용 할 수 있는 스크립트가 많지 않은 것처럼, 마찬가지로 stylish도 국내 웹사이트 관련 스크립트가 별로 없습니다.

다만, 해외에 구글과 야후 관련 스크립트가 많기 때문에 이것들을 수정 해 google.co.kr과 yahoo.co.kr 를 접속 할 때 사용 할 수 있습니다.

아래는, 제가 Valacar님이 만든 것을 약간 수정해 google.co.kr에서 사용 할 수 있게 한 stylish 스크립트입니다.

stylish를 설치 후, 아래 스크립트를 복사 해 넣으시면 됩니다.

설치 후 모습은 다음과 같습니다.

사용자 삽입 이미지

먼저, https://addons.mozilla.org/ko/firefox/addon/2108 에 접속해 stylish를 설치 후 아래 스크립트를 추가 하시면 됩니다.

/*
 * Google Web Search - dark blue redesign
 *
 * Author      : Valacar
 * Updated     : October 18th, 2007
 * Website     : http://www.valacar.com/userstyles/
 * Description : Modifies the colors, logos, and a few other images on Google Web Search (http://www.google.co.kr/)
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/) or copy to your Firefox userContent.css file
 * Thanks to   : pile0nades, mobius, and gzusphish for helping find/fix bugs
 */

@namespace url(http://www.w3.org/1999/xhtml);

/* Common rules
--------------- */

@-moz-document url(http://www.google.co.kr/), url-prefix(http://www.google.co.kr/webhp), url-prefix(http://www.google.co.kr/search?), url-prefix(http://www.google.co.kr/advanced_search), url-prefix(http://www.google.co.kr/preferences), url-prefix(http://www.google.co.kr/language_tools), url-prefix(http://images.google.co.kr/webhp), url(http://www.google.co.kr/intl/en/) {

body {
 background: #253960 url("https://t1.daumcdn.net/cfile/tistory/2774CD3956E63D9808") top left repeat-x !important;
 color: #FFF !important;
 font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}

/* defaults for all links */
a:link { color: #82BDFF !important; }
a:visited { color: #72ADDF !important; }
a:active { color: #92CDFF !important; }

/* change color of lots of text */
font, div, td { color: #fff !important; }

/* fix for google suggest colors */
.aAutoComplete .cAutoComplete, .google-ac-a .google-ac-c { color: #000 !important; }
.aAutoComplete .dAutoComplete, .google-ac-a .google-ac-d { color: green !important; }
.google-ac-e td { color: blue !important; }


/* make sure web forms (and google suggest) don't get their colors changed */
input *, textarea *, .aAutoComplete { background-color: -moz-Field !important; color: -moz-fieldtext !important; }


/* Box that pops up when you click the "more >>" link */
span#more, #gbar .gbard, #gbar [class^="gb"] { background: #08274f !important; border: none !important; }
#gbar .gbard a:hover, #gbar [class^="gb"] a:hover { background: #385690 !important; }
#gbi { border: none !important; background: transparent !important; }


/* superscripted "New!" text */
sup font[color="red"] { color: #0F0 !important; }

/* hide gbar border */
[id^="gbar"], #gbh { border: none !important; }

}


/* Front page
------------- */

@-moz-document url(http://www.google.co.kr/), url-prefix(http://www.google.co.kr/webhp), url-prefix(http://images.google.co.kr/webhp), url(http://www.google.co.kr/intl/en/) {

/* Replace main logo image */
img[src*="/logos/"], img[src$="logo.gif"], div[style*="logo_plain.png"], img[src$="logo_google_suggest.gif"] {
 margin-top: 5em !important;
 width: 0 !important;
 height: 103px !important;
 padding-left: 281px !important;
 background-image: url("https://t1.daumcdn.net/cfile/tistory/2338C14C56E63D9913") !important;
}

/* country name overlaying main logo */
div[style="color: rgb(111, 111, 111); font-size: 16px; font-weight: bold; left: 208px; position: relative; top: 78px;"] {
 display: none !important;  /* if you want your country name to show, remove this line */
 color: #33537f !important;
 left: 0 !important;
}

/* delete some crap after input box and buttons */
form + br + table { display: none !important; }

/* move buttons down a bit */
input[type="submit"] { margin-top: .5em !important; }

}


/* Shared Images and Selectors
------------------------------ */

@-moz-document url-prefix(http://www.google.co.kr/search?), url-prefix(http://www.google.co.kr/advanced_search), url-prefix(http://www.google.co.kr/preferences), url-prefix(http://www.google.co.kr/language_tools) {

/* Replace small upper left logo images */
#logo span, img[src*="/logos/"][width="150"], img[src$="logo_sm.gif"][width="150"], img[src$="logo_google_suggest_sm.gif"] {
 background: url("https://t1.daumcdn.net/cfile/tistory/2461104D56E63D991C") top left no-repeat !important;
}
img[src*="/logos/"][width="150"], img[src*="logo_sm.gif"][width="150"], img[src$="logo_google_suggest_sm.gif"] {
 width: 0 !important;
 height: 51px !important;
 padding-left: 135px !important;
}

/* Hide logo text link */
a#logo { font-size: 0 !important; }

/* top bar on search results, adv.search, prefs, lang.tools page */
table.t.bt, td[bgcolor="#E5ECF9"] { background: #405882 url("https://t1.daumcdn.net/cfile/tistory/2208714656E644CA16?original") top left repeat-x !important; }
.t { padding: 2px !important; }

/* change color of links in top bars */
td[bgcolor="#e5ecf9"] a, .t.bt a.q { color: #fff !important; }

/* hide top border on top bar */
td[bgcolor="#3366cc"] { display: none !important; }

}


/* Search results
----------------- */

@-moz-document url-prefix(http://www.google.co.kr/search?) {

.g { margin-left: .5em !important; }

/* title of search result */
.g .l { font-size: 1.1em !important; }
.g a:hover { color: #98c9ff !important; }
.g a:visited { color: #6282a5 !important; }

/* description of search result */
.g .j font {
 line-height: 1.4 !important;
}

/* text URL that usually appears in dark green below the link description */
.g font[color="green"], .g font[color="#008000"], .e font[color="green"], .a { color: #DACA7D !important; }

/* "Cached", "Similar pages", "More results", and "View as HTML" links */
.g .fl, .j font a, .f { color: #AAA !important; }
.g .fl:hover, .j font a:hover { color: #CCC !important; }

/* File type (ex: [PDF]) next to link */
.g .w b { color: #FF6 !important; }

/* make each search result a bit wider (34em is default) */
.j {
 width: 50em !important;
 color: #fff !important;
}

/*%[ Bars ]%*/

/* bottom bars */
table.t.bt.bb,
table.t.bt.n,
td[bgcolor="#e5ecf9"]
{
 background: #3d557f !important;
}

/* remove border on top and bottom bar */
.bt, .bt { border: none !important; }

/* copyright + google links at bottom of page */
.ft.t.n, table.ft.t.bb.bt { background: transparent !important; border: none !important; }

.t.n.bt { background: transparent !important; }


/*%[ Navbar ]%*/

/* Hide the "Gooooooooooogle" image in the Result Page block...text is good enough */
#navbar img { visibility: hidden !important; }
#navbar * { background-image: none !important; }

/* Current page number that comes after "Result Page:" */
#navbar .i {
 color: #FFF !important;
 font-weight: bold !important;
 font-size: 1.5em !important;
}

/* page number links that come after "Result Page:" */
#navbar a {
 font-size: 1em !important;
}

/* modify the navbar links a bit */
#navbar a:hover { color: #98c9ff !important; }
#navbar a:visited { color: #6282a5 !important; }
/* spreads out navbar numbers and aligns to baseline */
#navbar br { display: none !important; }

/*%[ Notifications ]%*/

/* "Did you mean" text */
p > font.p { color: #0f0 !important; }

/* note at end about omitted results */
.g + p i, blockquote.g + p i { color: #fff !important; }

/* Refine results for ... */
#po td { color: #fff !important; }

/* See results for: */
p.g { color: #fff !important; }

/*%[ Advertisements ]%*/

/* hide right column of ads */
table[width="25%"][align="right"] { display: none !important; }

/* hide google toolbar image ad at bottom...text is still there */
img[src$="firefox_toolbar.gif"] { display: none !important; }

/* sponsored links above search results (sometimes they're useful) */
.ch, div[id^="tpa"] {
 background: #2c4573 !important;
 padding: 0.3em 0.5em !important;
}

.mbl1, img.ch { background: transparent !important; }

.g img { border: none !important; }

/* hide block after navbar advertising google products */
#res + center table[cellpadding="10"], #res + center br:first-child { display: none !important; }

/* hide all siblings after copyright at bottom */
div.ft ~ * { display: none !important; }

/*%[ Wikipedia info ]%*/

#pfe {
 background: #2c4573 !important;
 color: #fff !important;
 -moz-border-radius: 7px !important;
 border: 1px solid #3e547c !important;
 padding: 0.3em 0.5em !important;
}

#pfrl { background: #2c4573 !important; }
#pfe div { color: #fff !important; }

img[src="/images/newspaper.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("https://t1.daumcdn.net/cfile/tistory/224B673956E63D992F") no-repeat !important;
}

img[src="/images/shopbag.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("https://t1.daumcdn.net/cfile/tistory/23211A4956E63D9903") no-repeat !important;
}

/* film reel */
img[src="/images/showtimes-onebox.gif"] {
 width: 0 !important;
 height: 30px !important;
 padding-left: 40px !important;
 background: url("https://t1.daumcdn.net/cfile/tistory/2747E53956E63D9A32") no-repeat !important;
}

/* Shopping cart "image" */
.tfb td.c, .tb td.c{background:#999 !important;}
.tfb td.b, .tb td.b{background:#ccc !important;}
.tfb td.a, .tb td.a{background:#fff !important;}


/* movie rating stars */
img[src="/images/showtimes-star-on.gif"], img[src="/images/showtimes-star-off.gif"], img[src="/images/showtimes-star-half.gif"] {
 width: 0 !important;
 height: 10px !important;
 padding-left: 10px !important;
 background: url("https://t1.daumcdn.net/cfile/tistory/2610283C56E63D9A33") no-repeat !important;
}

/* half star */
img[src="/images/showtimes-star-half.gif"] {
 background-position: -10px 0 !important;
}

/* no star */
img[src="/images/showtimes-star-off.gif"] {
 background-position: -20px 0 !important;
}


}


/* Google Advanced Search page
------------------------------ */

@-moz-document url-prefix(http://www.google.co.kr/advanced_search) {

/* table colors/borders */
tr[bgcolor="#cbdced"] { background: #50668d !important; }
tr[bgcolor="#ffffff"] { background: #405882 !important; }

}


/* Google Search preferences page
--------------------------------- */

@-moz-document url-prefix(http://www.google.co.kr/preferences) {

/* Change color of top and bottom bars */
tr[bgcolor="#E5ECF9"] { background: #415983 !important; }

/* form tables */
form p table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"] {
 background: #415983 !important;
 border: 3px solid #50668d !important;
 margin: 3px !important;
}

/* left columns of the form tables */
form p table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"] td[width="175"] {
 background: #50668d !important;
 border-right: 1em solid #415983 !important;
}

/* hide form table borders */
form p table td[bgcolor="#cbdced"] { display: none !important; }

}


/* Language Tools page
---------------------- */

@-moz-document url-prefix(http://www.google.co.kr/language_tools) {

/* table colors/borders */
table[bgcolor="#ffffff"] { background: #415983 !important; } /* flag table */
tr[bgcolor="#ffffff"] { background: #415983 !important; }   /* most all tables and table headers */
tr[bgcolor="#cbdced"] { background: #50668d !important; }  /* table borders */

/* table headers of all tables */
p > table > tbody > tr:first-child { background: #50668d !important; }

}

-----------------------
여기까지 복사해 붙여 넣으세요

<관련글>
2007/11/06 - [Firefox] - Greasemonkey와 Greased Lightbox

댓글을 달아 주세요

  1. 과객32 2008.06.24 01:38  Addr  Edit/Del  Reply

    잘 보고 갑니다. 구글 첫페이지가 너무 멋있어졌네요 ^^
    파폭 3 나오고 처음 쓰는데 많은 정보 얻어가요. 감사합니다~

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.06.24 08:32  Addr  Edit/Del

      파폭 좋죠... 저도 얼마 전 FF3 깔았는데, 아직도 기존 플러그 인과 호환 되지 않는 것들이 많더군요. 저는 FF 플러그인 마니아거든요 ~ ^^

posted by 도이모이 2007.11.07 07:04
쉬어가는 페이지 :)


사용자 삽입 이미지

사용자 삽입 이미지
<관련글>
2007/09/21 - [Firefox] - 여성용(?) Firefox 아이콘
2007/10/12 - [Firefox] - Firefox 화이팅 !
2007/10/28 - [Firefox] - Firefox 사용자 거의 없습니다

댓글을 달아 주세요

posted by 도이모이 2007.11.06 14:46
이번년도 초만해도 국내 Firefox 사용자들 사이에서 Greasemonkey에 대한 이야기가 많았죠. 심지어, 웹에 혁명이다라고까지 이야기 하시는 분들도 있었습니다. 저는 이 말을 국내 사용자들이 Greasemonkey를 설명하기 위해 지어낸 이야기인줄 알았더니 혁명이라는 이야기는 외국에서 먼저나왔더군요. 외국 사이트 돌아다니다 보면 Greasemonkey에 대해 찬양하면서 혁명이라는 단어를 많이 사용하더군요.

저도, 이 주장에 대해서 어느 정도는 동의하는데, 이유는 Greasemonkey 등장 이전에는 사용자가 웹페이지에 기능과  UI를 바꾸는 것이 불가능했죠. 일부 사이트에서 설정 기능을 제공해 주긴했지만 이것도 결국 기획자에 치밀한 계산에 따른 또 다른 UI에 불과했죠.

하지만, Greasemonkey 등장으로 드디어 사용자가 기획자에 의도를 벗어나 자신만에 화면과 기능을 만들어 가며 웹서핑을 할 수 있게 되었습니다.

좀 더 감을 빨리 잡을 수 있게 국내 1 위 포탈인 네이버를 사용 해 예를 들자면, 네이버 메인페이지에 잡다한 기능을 모두 빼 버리고 구글처럼 검색바 하나만 달랑 위치하게 구성해 사용 할 수 있수도 있다는 뜻입니다. (과거 search.naver.com을 통해 이런 UI를 제공한거 같은데 요즘 제공 안 하는거 같네요. 제공 안 하면 Greasemonkey로 만들어서 사용해야죠. 자세한 것을 이곳 참고)

이렇게 기존에는 기획자가 가지고 있던 UI와 기능에 대한 선택권에 일부분을 사용자가 빼았아 올 수 있다는 점이Greasemonkey에 큰 장점이며, 이것이 혁명이라는 단어를 사용하게 만드는 요인이겠죠.

근데, 이상하게 요즘 이런 획기적인 Firefox에 확장 기능인 Greasemonkey에 대한 논의가 지지부진하며, 국내에서 관련 스크립트가 많이 나오지 않을 것을 가슴 깊이 애석하게 생각합니다. 앞으로 국내에 Greasemonkey  script 가 풍부해 지길 기대하며 Greased Lightbox라는 것을 소개해 드릴까합니다. 

Greased Lightbox는 google 이미지 검색, 야후 Flickr, Wikipedia, Facebook, Myspace, deviantart 를 지원해 주는데 특히, google 이미지 검색 이용 시 좋습니다. 이미지 검색 후 이미지를 클릭하면 새창이 실행되는 UI가 기본이죠. 하지만, 이미지 클릭 때마다 새창 혹은 새탭이 실행 되니 이거 참으로 귀찮고 난감합니다. 하지만, Greased Lightbox를 이용하면, 클릭 할때마다 새창이 실행 되는 것이 아니라, 페이지 이동 없이 전체 이미지가 바로 레이어로 실행 되어 매우 편리합니다.


여기서 하나 더! 레이어로 떠 있는 상태에서 키보드에 좌측 키, 혹은 우측 키를 눌러 주면, 검색 결과에 이전 이미지와 다음 이미지가 자유롭게 이동 할 수 있는 생각지도 못 한 막강한 기능을 제공 하고 있습니다.





사용자 삽입 이미지

<1. 구글에서 이미지를 클릭합니다 >

사용자 삽입 이미지

<2. 이미지를 클릭하면 새창으로 실행 되는 것이 아니라 화면과 같이 레이어로 실행 됩니다 >

Greased Lightbox 설치하기: http://userscripts.org/scripts/show/3400


추신: 김하늘로 검색했는데, 중간에 김태희 사진이 보이더군요. 아무래도 겉보기 등급이 좀 더 좋은 거 같아.2번째 참고 화면은 김태희로 캡쳐 했습니다 :)

댓글을 달아 주세요

  1. Favicon of http://blog.dudtn.com BlogIcon dudtn 2007.11.06 23:57  Addr  Edit/Del  Reply

    오랜만에 괜찮은 그리즈몽키 스크립트네요
    바로 설치 해서 테스트 들어갑니다..

    좋은 정보 잘 보고 갑니다.^ㅡ^

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.11.07 12:47  Addr  Edit/Del

      따라가 보니, 동영상으로도 친절하게 설명해 놓으셨더군요. ^^

      저도 트래백 걸었습니다 ~

posted by 도이모이 2007.10.05 08:02
블로거들.. 검색 구글에서 많이 하시죠?

전 검색 결과도 좋지만, Google 을 위한 수 많은 Firefox 확장 기능으로 인해 더욱 더 구글 검색을 애용하고 있답니다.

지난 번에, 구글 검색을 비롯한 여러 구글 서비스들을 다양하게 확장 해 주는 확장 기능을 하나 소개 해 드렸는데, 오늘 구글 검색 관련 확장 기능 하나 더 들고 왔습니다.

2007/09/20 - [Firefox] - Firefox (추천확장기능): Customizegoogle


Search keys라는 확장 기능인데, 구글에서 검색 한 결과를 하나 하나 클릭 할 필요 없이 단축키로 열 수 있습니다.

예를 들면, 이런 식입니다. 검색 결과에서 첫번째 링크를 열고 싶으면, Alt + 1, 두번째 결색 결과를 열고 싶으면, Alt + 2 식으로 하시면 됩니다. 숫자가 지나치게 커지는 것을 방지하기 위해 페이지가 변경 되면 다시 1 부터 변경 됩니다.

밑에 보시면 우측에 숫자가 보이는데, 이것이 Alt 와 함께 누르면 되는 숫자입니다.

사용자 삽입 이미지


저는 위에서 소개 해 드린, Customizegoogle 과 함께 몇개의 구글 검색 관련 확장 기능을 사용하고 있는데, 구글 검색 할때 정말 편합니다.

오늘 날씨도 좋은 금요일, 한번 Firefox에 좋은 능력 한번 부여 해 주는 것이 어떨까요?


홈페이지: https://www.squarefree.com/extensions/search-keys/

댓글을 달아 주세요

posted by 도이모이 2007.09.20 08:47
저는 거의 대부분에 검색을 구글과 올블로그에서 합니다. 네이버와 다음을 이용하는 경우는 100 번 중에 5 번 정도 될까?

그래서, 구글에 대한 확장을 하나 소개 해 드릴 려고 합니다.

Customizegoogle 이라는 확장입니다.

제목 그대로 구글에 대한 설정을 변경할 수 있습니다. 구글에서 제공해 주지도 않는 설정을 내 맘데로 변경 해 사용 할 수 있다는 것. ! Firefox 이기 때문에 가능한 것이 아닐까 합니다.

검색 뿐만 아니라, 구글에서 제공하는 거의 대부분에 서비스를 커스텀마이징해서 사용할 수 있지만 가장 많이 사용하는 검색 부분만 몇가지 살짝 들쳐 보겠습니다.


아래는 커스텀마이징 하기 전 화면입니다. ( AVANT ).
사용자 삽입 이미지

Firefox 확장 기능인 Customizegoogle 인 것을 사용하면, 다음과 같이 화면이 약간 변경 됩니다.

사용자 삽입 이미지

첫번째, 네이버 등에서 제공해 주는 추천 검색어가 추가 된 것을 볼 수 있습니다. 영어 단어가 햇갈리거나 할 경우 좋습니다 ^^

두번째, 필터, 이 페이지 번역하기 등 추가 기능이 붙어 있는 것을 볼 수 있습니다. 이 페이지 번역하기는 설명 안 드려도 다들 짐작으로 아실 거 같고. 필터를 클릭하면 그 페이지 혹은 도메인은 검색 결과에 나오지 않습니다. 좋은 기능 중에 하나죠 ^^

세번째, 가장 많이 드는 기능인데..  Customizegoogle 설치 하기 전에 다음 페이지를 넘어 가기 위해서는 아래와 같이 다음 페이지 숫자를 클릭해야 하죠.

사용자 삽입 이미지
하지만, Customizegoogle 를 사용하면 위에 기능이 사라집니다.
아니? 그럼 어떻게 다음 페이지로 넘어 가나요? Customizegoogle 를 사용하면, 자동으로 다음 페이지를 미리 가져 옵니다. 그렇기 때문에, 귀찮게 1 , 2 , 3 , 4 같은 페이지 숫자를 클릭 할 필요 없이, Space key 나 Page up / page down 버튼을 클릭하면 다음 페이지로 넘어 가기 때문에 편리함을 극대화 시켜 주죠.

간단하게, 검색에 대해서 몇가지 맛배기만 보여 드렸는데, 위에서 말씀 드린 것과 같이 Google mail 등 여러가지를 커스텀마이증 할 수 있기에 넘 편합니다.

설정하기 귀찮으면, 그냥 설치 후 기본 설정으로만 사용해도 만족 하실 거에요.

댓글을 달아 주세요

posted by 도이모이 2007.09.14 07:36
지난 번에 Bookmark Duplicate detector 라는 좋은 ~~ 확장을 소개 드리면서 북마크 관련 확장을 하나 더 소개 드리겠다고 약속 한 적이 있는데, 오늘에야 소개 드리게 되네요.

오늘 소개 해 드릴 확장은 Enhanced bookmark search 입니다. 이름 그대로 북마크 검색에 확장 기능을 제공하고 있습니다. 북마크가 너무 많아지기 시작하면서 관리하는 것도 큰 일중에 하나 가 되었고 그 주 된 이유가 북마크 검색이 너무 빈약 하다는 것이었는데.. ( 그래도, IE 보다는 좋습니다 )

그 동안 Google desktop 검색도 써 보고 이것 저것 써 보았는데 만족스러운 것이 없었습니다. 그런데, Enhanced bookmark search 은 비교적 만족 스러운 북마크 검색 기능을 제공하고 있습니다.

어떤 기능을 제공하는지는 Firefox 사용자들은 다들 선수들이기 때문에 캡쳐 한 화면도 봐도 바로 아실 거라고 생각합니다 ~

Firefox 와 함께 하는 아름다운 ~ 인터넷 세상 ~ ㅋㅋㅋ

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지

댓글을 달아 주세요

posted by 도이모이 2007.09.05 07:10
전 컴퓨터 잡지에 해외 인터넷 서비스에 대해 12 년간 연재하고 있습니다. 그렇기 때문에 해외 사이트를 매우 많이 돌아 다니는 편이며 그 동안 모은 북마크도 약 3000 개 정도 되는 거 같습니다.

근데, 저도 솔직히 등록 해 놓고 기억하지 못하는 사이트가 태반이며, 등록 했던 사이트를 기억하지 못 해 또 다시 등록하는 경우도 많습니다. 그래서, 가끔 씩 날 잡아 가며 북마크 정리하는 것이 중요한 일 중에 하나였는데 얼마 전부터 Bookmark duplicate detector 를 사용하고 부터 이런 일이 크게 줄어 들었습니다.

간단하게 설명 드리면, 중복된 북마크가 있는지 검사 해 주며, 이미 북마크에 등록 되어 있는 주소를 또 등록 하려고 할 경우 안내 문구를 띄워 줍니다.

좀 더 자세히 설명 드리면 다음과 같습니다.

사용자 삽입 이미지

설치 하면 북마크에 메뉴가 추가 됩니다


사용자 삽입 이미지

이미 북마크에 등록 되어 있는 주소를 또 다시 등록 하려고 할 경우 알려 줍니다.

사용자 삽입 이미지

중복된 주소를 검사 하면 중복 된 북마크가 어디에 있는지를 알려 주며 클릭 후 바로 삭제 할 수 있습니다


Firefox 사용 하시는 분들은 파워유저 분들이 많아 여러 사이트를 돌아 다니시는 분들이 많을 거라고 생각합니다. 그래서, 북마크가 매우 중요한데 가장 앞서 있는 브라우저인 Firefox에서도 북마크는 그렇게 발전 되지 못한 것이 늘 아쉬움으로 남았습니다.

북마크 관련 확장 중에 제가 최근에 또 사용하기 시작한 확장이 있는데, 좀 더 사용 해 보고 다음 기회에 설명 드리겠습니다.

이런 ~ 아름다운 Firefox !

댓글을 달아 주세요

  1. mm 2007.09.05 23:24  Addr  Edit/Del  Reply

    myurlbar_a와 my portal 확장을 추천합니다.

    • Favicon of http://doimoi.tistory.com BlogIcon doimoi 2007.09.06 09:51  Addr  Edit/Del

      어떤 확장인지 궁금하네요. 한번 깔아 보아야겠네요 :)

  2. Favicon of http://leegh.com BlogIcon 지인우인 2007.09.30 10:24  Addr  Edit/Del  Reply

    트랙백 보고 왔습니다.
    오~ 이런 확장기능도 있었군요. 저도 나중에 한번 설치해 봐야겠습니다. ^_^

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.09.30 19:49  Addr  Edit/Del

      안녕하세요. 제가 RSS 에 등록해 두고 빠짐없이 찾아 보는 블로그의 주인장님께서 직접 방문해 주셨군요. 기쁘네요 ^^

  3. Favicon of http://simpleblogging.tistory.com/ BlogIcon mjjin 2007.11.30 14:08  Addr  Edit/Del  Reply

    duplicate detector라고 과거에 써본적이 있었습니다.그런대로 쓰기는 좋죠..개인적으로 저는 del.icio.us 북마크를 많이 이용하는 편입니다.파폭북마크에 최초에 많은 북마크를 저장해두고 있었는데 관리하기가 불편하여 delicious로 모두 이전을 시켰답니다.^^

    • Favicon of http://doimoi.net BlogIcon doimoi 2007.12.01 08:07  Addr  Edit/Del

      저도 del.icio.us를 조금 사용해 보았는데 가장 싫은것이..프로그램을 설치해야한다는 것이더라고요. 윈도우 다시 깔때 사용 안하게 되더군요.

      또다른 이유로는 Activex에 대한 반감 때문에 웹관련 프로그램을 설치하는 것을 극도로 싫어하거든요.

      생각해 보면, 파폭익스텐션도 비슷한 개념일수 있을거 같은데... 파폭익스텐션은 참으로 좋아하는데 ...

      비슷한 것도 접근방법에 따라 사용자가 느끼는 것이 틀려지는거 같아요 :)

posted by 도이모이 2007.09.01 16:07
요즘 잡지사 원고 쓰냐고 바빠서 글을 거의 못 썼네요.

그냥, 최근에 사용하기 시작한 것인데, 아주 유용한거 같은 FIrefox extention (확장) 이나 하나 소개 해 드리려고 합니다.

저는 컴퓨터 하면서 가장 고민하는 것 중에 하나가 마우스에 대한 고민입니다. 어떻게 하면 최대한 마우스를 사용하지 않고 키보드로 편하고 빠르게 내가 원하는 작업을 할 수 있을까에 대한 고민을 자주합니다.

이런 이유 때문에 저는 어떤 프로그램을 처음 깔면 처음하는 일이 메뉴얼 읽는 일이고, 그 다음이 단축키 암기하는 일 입니다. 프로그램도 '시작'버튼을 이용하지 않고 Hotkeyz라는 프로그램을 이용해 단축키로 실행하고, 종료합니다.
( 예전 도스 시절에 달콤한 편리함에 몸 속 깊은 곳까지 박혀 있는 거 같습니다)

이런 이유로, 예전에 제가 많이 사용하던 프로그램 중에 하나가 인터넷 서핑을 단축키를 이용해 해 주는 IE 용 플로그인이었습니다. 예를 들어, 1 번 누르면 네이버에 접속하고, 2 번 누르면 다음에 접속하는 식이죠.

근데, 이상하게도 생각지도 못하고, 기대하지도 않는 확장까지 모두 존재는 Firefox가 이런 확장이 없는거 같더군요. 그래서, 열심히 찾아 보니 역시나!  존재하더군요.

speed dial 이란 프로그램입니다. 사용법은 매우 간단합니다. 설정하고 싶은 사이트에 방문 후 메뉴에 있는 '북마크 - 스피드 다이얼 추가' 를 선택 후 원하는 위치에 추가를 하면 됩니다.

설정은 이것이 끝이고, Ctrl + 1, Ctrl + 2, Ctrl + 3 ... 식으로 단축키를 이용해 손쉽게 웹서핑을 할 수 있습니다.
사용자 삽입 이미지

Firefox 추천 확장기능: speed dail





댓글을 달아 주세요

  1. Favicon of http://joogunking.tistory.com BlogIcon joogunking 2008.02.28 19:50  Addr  Edit/Del  Reply

    그럼 파이어 폭스 기본으로 설정되어 있는 탭전환 기능은 없어지는 건가요?
    구미가 당기는 확장이기는 하지만 탭 전환을 없앨 정도는 아닌데..
    역시나 단축키가 최고인 브라우저는 단연 웹마 입니다.
    웹마 쓰다보면 예전 한글97을 사용하던 느낌이 나요..좋은 점이나 나쁜 점이나..

    • Favicon of http://doimoi.net BlogIcon doimoi 2008.02.28 20:11  Addr  Edit/Del

      혹시, Firefox 에 기본으로 있는 단축 키가 Alt + 1, Alt + 2, Alt + 3 같이 탭 이동을 말하시는 것인가요? Ctrl 버튼이기 때문에 상관 없을 거 같은데...

      저도, 웹마와 Avant였던가? 몇개의 써드파트 브라우저 사용 해 보았는데, 하나 하나 설정 해서 사용하는 Firefox의 달콤한 맛을 따라 갈 수 없더군요.

      완제품 장난감과 레코 장난감의 차이라고 할까요?

      어떤 제품을 좋아하냐는 사람마다 차이가 있겠지만.. ㅋㅋ

    • Favicon of http://joogunking.tistory.com BlogIcon joogunking 2008.02.28 20:24  Addr  Edit/Del

      Ctrl+1,2 누르면 첫째, 둘째로 가는 단축키 말입니다.
      기본이 컨트롤키가 아니던가요?..
      저 또한 단축키와 마우스 제스처를 엄청 많이 사용하는지라 저런 방식의 확장이 간절합니다.
      HTML이 보기는 편하지만 기능성으로는 예전보다 불편해진듯 합니다.예전 PC통신 시절이 참 편했는데 말이죠.
      물론 초보자들에게는 직관적이고 편리하겠지만요..

posted by 도이모이 2007.08.27 08:43
Firefox 에 대한 분류를 만든 기념으로, 예전 이글루스 시절 (doimoi.egloos.com)에 소개해 드린 Firefox extention 을 다시 소개 해 드립니다.

---------------------------------

유용한, 확장 기능이 있어서 하나 소개 합니다.

전 외국 사이트 돌아 다니면서, 지금 보고 있는 사이트에 대한 다양한 정보를 찾아 보곤 합니다.

대표적으로, Alexa 랭킹, 이 사이트를 방문한 사람들이 찾아 가는 사이트, 관련 된 사이트와 트래픽 비교, Whois 정보 검색 등을 하는데, 이것을 마우스 오른쪽 버튼을 이용해 쉽게 해 주는 확장 기능이 있네요.

국내에서는 잘 알려지지 않은 확장 기능인데, 강추입니다.

사용자 삽입 이미지

Firefox extention (about this site bookmark )


댓글을 달아 주세요

posted by 도이모이 2007.08.27 08:36
Firefox 확장 기능을 사용해 보는 것은 컴퓨터를 하는 자잘한 재미 중에 하나죠.

전 Firefox 마니아인데, 앞으로 유용한 Extention 등을 가끔씩 올리려고 합니다.

예전에도 한번 이야기 한 적이 있는데, 전 국내에 많이 알려진 정보에 대해서 이야기 하는 것은 별로 좋아하지 않습니다  ( 저만의 세계가 있습니다. ㅋㅋ )

그렇기에, 잡지에 쓰는 칼럼도 해외 인터넷 서비스 중 이미 막 도래 되고 있는 트랜드나 서비스에 대해서만 글을 쓰고 있고요.

앞으로 본 블로그에서 소개 해 드릴 Firefox Extention도 마찬가지 일거 같습니다. 국내 Firefox 사용자 들에게는 잘 알려지지 않았지만, 제가 써 보니까 참 ~~ 좋네. 이런 Extention 만 소개 드릴 예정입니다.

그런 뜻으로, 처음으로 소개 드릴 Extention 은 Thumbstrips 라는 확장 기능입니다.

자기가 방문했던 사이트들을 이미지로 떠서 최근 순서데로 보여 줍니다. Explorer 의 '열어 본 페이지'목록과 비슷한데, 열어본 페이지 목록이 텍스트로 되어 있어 참 찾기가 불편하죠. 보통 다시 찾아 보는 경우는 익숙하지 않은 사이트인데, 텍스트 제목으로만 되어 있는 '열어 본 페이지 목록'을 통해 과거 나의 서핑 기록을 찾는 것은 매우 불편한 경우가 많습니다.

하지만, Thumbstrips 는 이미지로 저장 되어 매우 편합니다.

아래와 같이 화면을 많이 차지 하기 때문에, 평상시에는 창을 닫아 놓다가, 필요한 경우 '열어 본 페이지 목록' 와 마찬가지로 Tab 을 열어 과거 자료를 찾아 보시면 됩니다.
사용자 삽입 이미지

Firefox extention (Thumbstrips )



댓글을 달아 주세요