티스토리 뷰
블로거 blogspot (blogger.com) 의 feed 이용하기
요새 대부분의 blog 에서는 feed 를 제공한다. 이 feed 를 어떤 형태로 제공하느냐에 따라, 초기에는 rss 만을 지원했는데, 이제는 atom 까지 지원하는 곳이 여럿 있다. 그 중에 blogspot 의 feed 는 다양하게 feed 를 활용할 수 있도록, 몇가지의 format 을 추가로 지원한다. 그 뿐이 아니라, GET request 의 parameter 로 몇 가지의 옵션을 추가로 제공한다. 그래서 이 feed 를 javascript 에 사용해, blog 의 내용을 다양한 곳에 사용할 수 있다.
html 내에서 feed 요청(request) 하기
javascript 에서 사용하기 위해서는 일단 feed 의 호출(request) 이 필요하다. html 내에서는 script tag 를 이용하면 된다. 아래처럼 src 에 feed 의 주소를 적어 주면 된다.
<script type="text/javascript" src="http://jejunsn.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=getRecentPosts"></script>
위의 예제에서는 “orderby” / “alt” 의 옵션이 쓰였는데, 옵션에 대한 설명은 Ref. 1, 2 를 참조하면 된다.
요청한 feed 를 javascript 에서 사용하기
그리고 호출한 feed data 를 이용할 javascript 함수를 callback 이라는 parameter 에 적어주면 된다. 위의 예제에서는 getRecentPosts 가 javascript 함수 이다. 이런 식으로 blogspot 의 feed 를 이용한다면, 훨씬 역동적이고, 생산적인 사이트를 만들 수 있을 것이다.
References
- Total
- Today
- Yesterday
- sudachi
- 의학
- 인테리어
- icon tool
- 편집프로그램
- 인공눈
- 녹색농원
- 인공안구
- 무릎마사지
- 대일농장
- 영귤
- 제주영귤
- 칠오름
- breakpoint
- 스타치
- 상식
- 제주녹색농원
- 고강도
- 보드고글
- 미스터피자주문
- icon program
- 칠오름농장
- 과학
- 그림편집
- 명언
- 늙기
- network error
- 샤워기전
- 영귤차
- 데크에 바인딩묶기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |