728x90
그제 구글 크롬 주소창에서 바로 검색하기 포스팅을 올렸는데요, 리퍼러를 보니 검색어 유입이 좀 있어서 또 하나 릴레이 포스팅을 할까 합니다.

크롬 주소창에서 검색을 활용하여 미투데이의 글들을 바로 검색할 수 있는 기능입니다.


미투데이의 검색 URL을 알아내기 위해서 검색을 해보면 아래와 같은 URL을 보여줍니다. 
http://me2day.net/search?search_at=all&query=검색어


이제 URL을 알았으니, 옵션을 수정해볼까요.






이름에 미투데이, 키워드는 본인이 편한대로 설정하시고, URL은 http://me2day.net/search?search_at=all&query=%s 이렇게 입력하세요.


그리고 확인->닫기->닫기


이제 주소창에서 "미 desire" 를 입력하고 엔터를 치면 자동으로 미투데이에서 검색을 해줍니다.


이를 응용해서 여러가지 검색을 할 수 있죠.
검색 URL 리스트를 알려드릴게요.

네이버 : http://search.naver.com/search.naver?ie={inputEncoding}&query=%s
야후 : http://kr.search.yahoo.com/search?ei={inputEncoding}&fr=crmas&p=%s
다음 : http://search.daum.net/search?q=%s
구글 : http://www.google.co.kr/search?complete=1&hl=ko&q=%s&lr=&aq=f
스팸번호 검색 : http://www.missed-call.com/?q=%s
레뷰 : http://www.revu.co.kr/Search/RevU/%s
PHP  : http://kr.php.net/manual-lookup.php?pattern=%s&src={referrer:source?}
torrent : http://torrent-finder.com/show.php?q=%s
운좋은 예감 : http://www.google.co.kr/search?btnI&q=%s
Yes24 : http://www.yes24.com/SearchCenter/SearchResult.aspx?query=%s
미투데이 : http://me2day.net/search?search_at=all&query=%s

그리고 또 한가지 팁으로, 네이버는 검색어 입력시 좀 더 편리한 검색을 할 수 있도록 명령어를 지원합니다.

검색어.사전 , 검색어.이미지, 검색어.블로그 와 같이 검색어 다음에 점을 찍고 검색할 위치를 쓰면 자동으로 그 범위에서 검색을 해주죠.

그래서 네이버 사전을 쓰려면 
[ http://search.naver.com/search.naver?ie={inputEncoding}&query=%s.사전 ] 
이렇게 입력해 놓으면 됩니다.

물론 
[ http://dic.search.naver.com/search.naver?where=dic&sm=top_pat&query=%s ]
이렇게 입력해도 됩니다.

크롬을 쓰면서 좀 더 편리한 검색을 해보세요~!
Posted by onionmen
728x90
익스프롤러가 버전 6에서 버전 7로 업데이트 되었을 때, 외관상 변한것이 하나 있었습니다.  주소창 옆에 붙어있는 검색창 이었죠.

스샷은 IE8


빨간 박스로 쳐놓은, 안에 google 이라고 써있는 창 입니다. 저기에 검색 키워드를 입력하면 google에 직접 접속하지 않아도 자동으로 접속하여 검색이 가능했죠.

IE6일 때에는 주소창으로 가서 -> 검색사이트 주소를 입력하고 -> 검색창에 검색어 입력 -> 결과확인 과 같은 단계를 거쳤습니다. 주소창으로 가는 단축키가 Alt + D 로 매우 편리했기 때문에 서핑중 마우스를 사용하는 불편함 없이 사용했죠.

검색창에 직접 검색어를 입력하게 되면 검색창으로 가서 (Ctlr + E) -> 검색어 입력 -> 결과 확인 의 단계를 거치게 되면서 단계를 하나 줄일 수 있습니다. 여기에서 검색사이트가 모두 로딩될 때 까지를 기다리지 않아도 되고, 몇몇 사이트에선 검색창에 포커스를 가져갈 필요가 없기 때문에 실제 검색결과가 나타나기 까지의 체감 속도는 훨씬 빨랐습니다.

하지만 저도 IE7이 처음 나오고 얼마간은 기존에 쓰던 방식으로 계속 검색을 했죠. 주소창에 google,com 이나 naver.com 등을 쳐서 검색창에 검색어를 입력하는 방식으로요.

큰 필요성을 느끼지 못했거든요. 단축키도 헷갈리고, 잘 안쓰게 되니까 까먹고, 게다가 검색엔진을 변경하려면 마우스 액션을 한번 취해야 했기 때문에 잘 안쓰게 되었던것 같습니다.

이러한 UI는 IE8이 나와도 동일하게 유지 되었습니다. 파이어폭스도 당시 동일한 UI였던 것으로 기억하구요.

그런데 구글에서 출시한 크롬 이라는 브라우저 에서는 이러한 UI를 채택하지 않고, 정말 심플하게 주소창 하나만 달랑 박아 놨습니다. IE6처럼 말이죠.

이게 무슨 시대역행적 UI인가 하고 사용했었는데, 알고보니 크롬에서는 주소창과 검색창을 통합했더군요. 주소를 치면 주소로 이동하고, 도메인 주소가 아니라고 판단되는 뭔가를 입력하면 구글검색으로 바로 이어집니다.

사실 입력창을 두개로 나눠놓은 것보다는 이러한 방식이 사용자들에겐 더욱 편리하게 다가옵니다. 두가지를 기억할 필요가 없기 때문이죠. 

여기에 문제는 모든 기본 검색이 google로 되고 있다는 점 입니다. 난 google 검색결과가 맘에 안든다 하는 유저가 분명히 있을거란 말이죠.

그래서 이러한 기본 검색엔진을 변경할 수 있게 해 놓았습니다. 


크롬에 보면 스패너 모양의 아이콘을 클릭하여 크롬 옵션창을 엽니다.


별거 없어보이는 옵션창이 열립니다. 여기 중간 하단에 기본 검색엔진 이라는 타이틀이 보이고, google이 기본으로 되어 있습니다. 여기서 설정을 누르면 검색엔진을 변경할 수 있습니다.


검색엔진을 새로 추가할 수도 있고, 변경, 삭제도 가능합니다. 그리고 이런 검색엔진들에 키워드를 입력할 수 있습니다. 

이 키워드는 검색에 매우 편리하게 사용할 수 있는 일종의 단축키입니다.

크롬 주소창에 그냥 일반 검색어만 입력할 경우 사용자가 기본검색엔진으로 설정한 곳에서만 검색이 됩니다. 그런데 키워드를 사용하면 여러분야에서 좀 더 쉽게 검색이 가능하죠.

주목해야 할 부분은 키워드에 써진 글자들 입니다. 저는 주로 검색하는 부분을 등록해 두었는데요, 책, 영상, 쇼핑, 스팸 등이 그것 입니다.


크롬 검색창이 입력을 기다리고 있습니다.


여기에 아까 등록해둔 키워드 중 하나인 스팸을 입력하면 빨간박스에 쳐진것 처럼 Tab을 누를 수 있다는 표시로 아이콘이 나타나고 있습니다.

하단에는 자동완성으로 스팸 - google 검색 missed-call.com 에서 <검색어 입력> 검색이 나타납니다.
여기서 다른건 신경쓸 필요 없이 Tab을 누르면 검색창이 바뀝니다.

  
Tab을 누르게 되면 주소 입력창이 바뀌고, 하단에 자동완성 되어 있던 부분의 순서가 바뀌었습니다. 이 상태에서 어떤 검색어를 입력하면 바로 missed_call.com 에서의 검색결과를 보여줍니다.


검색어를 입력하고 엔터를 치게 되면 검색결과를 보여줍니다.



매우 편리할것 같지 않은가요? 여러 검색엔진 키워드를 등록하여 쉽게 검색해보세요.

'Review > IT' 카테고리의 다른 글

네이트 오픈  (0) 2010.05.14
크롬 주소창에서 미투데이 바로 검색하기  (5) 2010.04.27
맥북을 좀 더 잘 활용할 수 없을까?  (2) 2010.04.21
사진으로 보는 인명사전  (2) 2010.04.07
IE9 개발자 테스트버전 출시  (0) 2010.03.17
Posted by onionmen
728x90

IE8 beta2 세미나가 지난 9월 건국대 새천년 기념관에서 열렸었습니다.

세미나 이전에 IE8용 웹슬라이스 관련 게시물을 작성한적이 있었습니다. 세미나 후에 제 블로그에 IE8과 웹슬라이스로 검색하여 들어오시는 분이 꽤 되었던걸 보면 이슈가 되긴 했었나 봅니다.

[관련글]
2008/08/12 - [Etc..] - [ IE8 ] 웹슬라이스를 적용한 미투데이 최근 댓글 구독.
2008/08/11 - [Etc..] - [ IE8 ] 웹슬라이스(webslices) 적용했습니다.

세미나에선 총 3가지의 기능을 소개했었는데, 그 중 하나가 이전에 소개드린 웹슬라이스고, 나머지 둘이 엑셀러레이터와 비쥬얼서치 입니다.

음, IE8이 선행되어야 한다는 단점 때문에 아직까지는 많은 분들이 이용하지 않고, 그만큼 관심도 상대적으로 적지만 사용자층이 두터워 진다면 재미있는 것들이 많이 나올 것으로 예상됩니다.

웹슬라이스에 이어서 나머지 두개 기능도 한번 만들어봐야지 생각했었는데, 이제야 시도를 해 보았습니다.
막상 해보고 나니 큰 어려움 없이 적용할 수 있었습니다. 아니 큰 어려움도 아닙니다. 정말 쉽더군요. 

딱이죠?

비쥬얼 서치에 적용하면 검색어 추천에, 사진자료까지 딱인듯한 아이템이라 바로 적용해보았습니다.  
위 검색창에 검색어를 입력하러 가지 않아도, 쉽게 검색을 할 수 있도록 만들어보겠습니다.

여기 검색어를 입력해보세요.


바로 익스플로러의 검색어 창에 검색 공급자를 등록하는 것인데요, 이게 생각보다 그리 어렵지 않습니다.


우선 XML 을 만들어야 하는데, 틀은 다음과 같습니다.

 

<?xml version="1.0" encoding="euc-kr"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> 
    <ShortName>DNF item</ShortName> 
    <Description>DNF item search</Description> 
        <Url type="text/html" template="http://www.d-fighter.com/?GO=dictionary|item&amp;clickSV=dnf&amp;search_text={searchTerms}" /> 
        <Url type="application/x-suggestions+xml" template="http://ottd.iruis.net/~onionmen/dic_test.xml" /> 
    <Language>ko-kr</Language> 
    <OutputEncoding>euc-kr</OutputEncoding> 
    <InputEncoding>euc-kr</InputEncoding>
</OpenSearchDescription> 

 여기서 중요한 부분은 붉은색으로 표시되어 있는 Url 입니다.

Type

   

Text/html

Request

검색어를 입력했을 때 실제 처리하는 부분

Application/x-suggestions+xml (+json)

optional

검색어 제안등의 부가기능을 제공

첫번째 type이 text/html 으로 되어 있는 부분은 검색어를 넘겼을 때 실제 검색을 처리하는 부분입니다.
바로 검색창에 검색어를 입력하고, 돋보기 아이콘을 클릭했을 때 실제 검색어를 처리하는 부분이죠.

중요한것은 get 방식으로 넘길 때 인자를 구분하는 &의 값을 &amp; 로 써주셔야 합니다.
그 아래 type이 application 으로 되어 있는 부분은 option 입니다. (제가 지금 IE7 이라서 이미지는 주말이 지나서 추가해야 할 듯 싶습니다.)

이미지와 함께 제공되는 검색어 추천을 사용하고 싶다면 저 부분을 따로 개발하여 넣으면 됩니다. +xml 이라고 되어 있으면 xml 타입으로 개발을 해야 하고, +json 으로 표기를 하면 json 으로 출력되도록 개발하시면 됩니다. 나머지 부분은 굳이 신경쓰지 않으셔도 되고, 한번 보시면 다 아실 내용이라 생각됩니다.

이 XML을 서버에 올려놓고 이제 XML을 추가할 수 있도록 "무엇인가" 를 만들어야 겠지요.

뭐 이 "무엇인가" 를 만드는 것은 일도 아닙니다.

<a href="#" onclick="window.external.AddSearchProvider('http://ottd.iruis.net/~onionmen/dnf_item_search.xml')">Add Search Provider Example</a>

위와 같이 window.external.AddSearchProvider() 라는 프로퍼티에 xml위치에 해당하는 인자값 하나만 넣어주면 완성이고, 이 링크를 클릭하면 검색공급자 등록을 할 수 있습니다.

위와 같은 메시지가 뜨면, 공급자 추가를 선택하여 검색공급자를 등록할 수 있습니다.

이제 검색공급자가 추가된 것을 확인하실 수 있습니다.


공급자를 DNF item 으로 변경하고, 검색어를 입력하면 이제 검색된 내용을 볼 수 있게 됩니다.

어때요, 참 쉽죠?

이건 단순한 검색공급자 를 만드는 것이었고, 이제 핵심기능인 비쥬얼서치를 살펴볼까요?

이것또한 별것 없습니다.

<Url type="application/x-suggestions+xml" template="http://ottd.iruis.net/~onionmen/dic_test.xml" /> 

이 부분 기억 하시나요. 여기 들어있는 dic_test.xml 이라는 부분이 바로 비쥬얼서치에 사용될 부분입니다. 지금은 예제로 간단한 xml을 만들었는데, 이부분은 프로그래밍이 들어가야 하는 부분입니다. 검색어에 의해서 관련된 xml이 생성되도록 해야 하지요.

아래 xml은 역전 이라는 검색어를 입력하면 그와 관련된 추천검색어와 비쥬얼서치의 모습을 보여주는 xml 입니다.

<?xml version="1.0" encoding="euc-kr"?>
<SearchSuggestion version="2.0" xmlns="http://opensearch.org/searchsuggest2">
  <Query>역전</Query>
  <Section>
    <Item>
      <Text>역전</Text>
      <Url>http://www.d-fighter.com/?GO=dictionary|item&amp;clickSV=dnf&amp;search_text=역전</Url>
    </Item>
    <Separator title="Finding in DNF" />
    <Item>
      <Text>역전의 월록</Text>
      <Description>거너용 무기</Description>
      <Url>http://www.d-fighter.com/?GO=dictionary|item&amp;TO=&amp;clickSV=dnf&amp;mode=view&amp;search_text=역전&amp;se=&amp;category=&amp;position=1&amp;it_no=31107</Url>
      <Image source="http://img.d-fighter.com/img/item_img/revolver/00037.png" width="28" height="28" />
    </Item>
  </Section>
</SearchSuggestion>


위와 같이 xml을 작성하여 서버에 업로드 하면, 이제 단순한 검색창에서 벗어나 한눈에 검색결과를 볼 수 있게 됩니다.



어때요. 참 쉽죠?

던파 관련 자료는 아래 링크에서 찾으실 수 있습니다.
http://ottd.iruis.net/~onionmen/dnf/


한번 재미있는 분야에 응용해보아요~~~ ^^

자주가는 me2day 의 검색창을 만들어봤습니다.
me2day 계정이 있으신분은 아래 링크로 가셔서 테스트 해보세요.

http://ottd.iruis.net/~onionmen/me2/test.php?me2id=자신의 미투 url 뒷자리
(ex : http://ottd.iruis.net/~onionmen/me2/test.php?me2id=sumanpark )
Posted by onionmen
이전버튼 1 이전버튼

블로그 이미지
손을 따뜻하게 만들어 주고 싶은 애인이 있습니다.
onionmen

달력

 « |  » 2024.12
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
DNS Powered by DNSEver.com

최근에 올라온 글

Yesterday
Today
Total