예전에 플톡을 티스토리에 달아보자라는 포스트를 작성한 적이 있습니다. 그 때는 야후 파이프의 JSON 서비스를 알지 못해서 John Resig의RSS to JSON Convertor를 이용한 방법을 설명했었습니다.

이 포스트에서는 일반적인 RSS 피드를 야후 파이프를 경유시켜 자바스크립트를 이용한 위젯을 만드는 방법을 설명 드리겠습니다.

먼저 야후 파이프에서 RSS 파이프를 생성하거나 기존에 생성되어 있는 파이프를 선택합니다. 여기에서는  제가 생성한 파이프 모듈을 이용하겠습니다. 이 모듈은 Pipes: PlayTalk Entry Feed 페이지에서 테스트해 볼 수 있습니다. 위쪽에는 최대 피드 크기를 넣고, 아래에는 자신의 플톡 아이디를 입력하면 됩니다. 파이프를 실행하면 제일 아래쪽 도구에 RSS와 JSON 출력이 있습니다. 이 JSON 출력을 자바스크립트로 받아 처리하면 됩니다.

자바스크립트의 처리는 Prototype 라이브러리를 이용합니다.

위 소스를 원하는 위치에 넣으시면 됩니다. 태그 부분의 마크업과 스타일 시트 부분은 스킨에 맞게 변경하시면 좋습니다. 단 DIV 태그의 pipes-widget 아이디와 UL은 구조는 지켜주셔야 합니다. 플톡 초기화시 코드를 끼워 넣은 이후 부분의 표시가 지연되는 문제가 생길 때에는 interval 값을 조정하시면 됩니다. 기본 1000으로 되어있어서 1초 후에 피드를 긁어오게 됩니다.

Greaseonkey script adds a pseudo-search box to Google Reader
Greaseonkey script adds a pseudo-search box to Google Reader

Google Reader에서 피드를 검색할 수 있는 Greasemonkey 스크립트가 나왔습니다. 피드를 검색하기 위해서는 읽어야 하고, 단일 피드 검색밖에 지원되지 않지만 그런대로 쓸만한 기능이 될 것 같습니다. 블로그 검색은 Google 검색엔진에 인덱스가 되어 있어야 검색됩니다.

Greasemonkey를 이용한 Google Reader와 GMail 연동 등의 다양한 스크립트가 나오는 시점에서 FireFox로 이동하여야 하는지 고민이 많이 됩니다. IE에도 Greasemonkey 플러그인이 나오는 날이 올까요?

Find in this site

About

Dennis Lee
The truth has a million faces, but there is only one truth.

Recent Entries

Archives

«   2008/10   »
      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  

Blog Visitors

Statistics Graph
Blog total 144,240 visitors.
Today 28 hit, yesterday 84 hit.