여기 블로그의 오른쪽 상단에 사진이 나오는 것 있죠.
그게 mangolog.tistory.com에 있는 제 사진 블로그의 rss를 파싱해서
가장 최근 이미지를 하나 뿌려주는 플러그인이랍니다.
동일한 기능을 하는 (실은 더 다양한 기능이 있는) 다른 플러그인이 이미 업로드 되어있기에 따로 배포는 하지 않았어요. 그런데 사용하다보니 좀 더 욕심이 생겼습니다.
이미지가 하나밖에 보이지 않는다.
너무 정적이다.
이런 생각을 하고 있던 중
최근 jQuery를 공부하다가 문득 이 녀석을 손을 좀 봐야겠다는 생각이 들었습니다.
일단, 서버쪽에서 php로 가져오던 RSS를 Ajax를 이용해서 클라이언트 쪽에서 처리해보기로 했습니다. jQuery에서 제공하는 DOM을 핸들할 수 있는 기능을 최대한 활용해보려구요.
2.
http://www.shimminkyu.com/sandbox/jquery/recentPhoto.html
개발중입니다. 확장자에서 알 수 있듯이 클라이언트단 자바스크립트에서 다 해결할 생각입니다. 실은, 약간의 꼼수가 있었죠. 클라이언트단에서는 원격 싸이트를 호출하려하면 파이어폭스가
Access to restricted URI denied" code: "1012
라는 에러를 냅니다. 보안상의 이유로 원격 싸이트를 접근하지 못하게 하는거더군요. 구글링해보니 이를 돌아가려면 세가지 방법이 있던데요.
첫번째, JSONP을 쓴다.
이 방법으로 받을 수 있는 것은 JSON형식의 데이타뿐. 고로 XML방식의 RSS Feed를 받아야하는 이번 퀘스트에서는 패쓰.
두번째, 플래시를 쓴다.
ㅡㅡ;; 이것저것 섞어 쓰는 걸 별로 좋아하지 않으므로 역시 패쓰
세번째, 프록시를 쓴다.
서버사이드에서 피드를 받아오는 페이지를 만들고, 그 페이지를 호출함으로써 원격 싸이트를 호출하는 것과 동일한 결과를 얻는 것인데요. 춘향이가 이도령을 만나야되는데 집에서 못나가게 하니까 향단이를 보내서 소식을 받아오는 셈이죠. 선택의 여지가 없이 이 방식으로 가기로 했습니다.
향단이는
http://www.shimminkyu.com/sandbox/jquery/xml_proxy.php
이 녀석입니다. 코드 몇줄 안됩니다.
url이라는 파라미터를 받아서 데이터를 받아오는 형태입니다.
위에서는 티스토리에서 rss를 가져오라고 시켜봤습니다.
어쨌거나 받아온 녀석을 jQuery의 Rss Feed Parser Plugin인 jFeed를 통해 이미지 파일을 파싱한다음 jQuery로 요리할 계획입니다. 현재까지의 결과는 보시는대로... 좀 더 이쁘게 다듬어봐야겠습니다. animate 기능도 써보고 싶은데... 오래 주물럭거릴 시간이 없을 것 같으므로 얼른 v2.0으로 내고 일단락해두어야겠습니다.
Posted by 망고
MG_BlogImageStock_v0.95.zip



