자료실

북마크릿(Bookmarklet)

jeeyong 2007. 11. 28. 07:45
북마크릿이라고 들어 보셨나요?
 
북마크릿(Bookmarklet)은 웹브라우저에서 현재 페이지에 포함되어 있지 않은 기능을 자바스크립트 (JavaScript)와 북마크 (Bookmark)를 이용하여 구현해 놓은 것을 말합니다.
 
보통 설치형 블로그 등에서 웹서핑을 하다 마음에 드는 페이지가 있을 경우 해당 페이지 관련 트랙백 글을 작성할 때 많이 이용되거나, 딜리셔스나 마가린 등에 온라인 북마크 할 경우에도 이용되는 것이 북마크릿입니다.
 
북마크릿을 만들려면 자바스크립트에 관한 약간의 지식만 있으면 가능하다고 하는데, 저는 관련 지식이 없어서 만들지는 못하고 웹상에 떠도는 북마크릿을 주워다가 즐겨씁니다.
 
웹에 떠도는 북마크릿 중에 여러가지가 있는데,
예를 들면
현재 브라우저 창 사이즈를 변경한다든지,
영문 웹페이지를 한글로 번역해준다든지,
또는 중국어 번역
네이버의 Small Size의 사전 Popup창을 띄운다든지
오른쪽 마우스 클릭 금지된 웹페이지에서 금지를 해제 한다든지
많습니다. 북마크릿으로 검색해보면 많습니다.
 
그중에 제가 즐겨쓰는 북마크릿중 하나는
Naver Small Size 사전을 Open하는 북마크릿(Naver Dictionary)과
영문 Site를 서핑할때 모르는 단어를 바로 찾아주는 사전 북마크릿(Drag Dictionary)입니다.
 
사용 방법은 이렇습니다.(모든 북마크릿 사용법은 동일합니다.)
아래 자바스크립트를 즐겨찾기 해놓으면 됩니다.
그냥 즐겨찾기만 해놓으면 불편하니 저같은 경우는 아래와 같이
웹브라우저의 '연결' 하위에 즐겨찾기해 놓습니다.
 

 
그리고는 영문 웹페이지에서 모르는 단어를 Drag 한 다음 북마크릿을 클릭하면,
 

 
다음과 같이 Drag한 단어를 찾아 줍니다.
 

 
영문 웹페이지 서핑할 때 아주 요긴합니다.
 
Naver Dictionary는 웹브라우저에서 Popup창을 막아놓으면 사용하기 불편하지만,
저는 팝업창 막기를 해제해놓기 때문에 잘 사용하고 있습니다.
영어사전보다는 국어와 중국어 사전을 즐겨이용하고 있습니다.
 
Drag Dictionary는 팡업창 해제 상관없이 사용할 수 있어 편합니다.
 
===========================================================================================
 
Naver Dictionary
javascript:void((function(){window.open("http://endic.naver.com/small.naver?where=index","DirectSearch_Dic","width=405,height=500,resizable=no,scrollbars=no");})())
 
Drag Dictionary
javascript:void((function(){if(document.getElementsByTagName('body')[0]!=undefined&&document.links.length>0){s=document.createElement('script');s.setAttribute('src','http://sparcs.org/~airlover/experiment/bookmarklet/bookmarklet.js');document.body.appendChild(s);%20}else{setTimeout('nbw.focus()',500);nbw=window.open('http://sparcs.org/~airlover/experiment/bookmarklet/dragondic.html','naver_bookmark','width=492,height=440,resize=no');}})())

'자료실' 카테고리의 다른 글

개발 시 유용한 프로그램 2  (0) 2007.12.04
개발 시 유용한 프로그램 1  (0) 2007.12.04
업속도 제한하는 프로그램  (0) 2007.11.23
휴대폰에서 책을 읽자~  (1) 2007.11.20
윈도우 인증 레지스트  (0) 2007.11.19