Calculator & Recorder

Blogger를 제대로 활용하려면 Feed를 사용할 줄 알아야 할 것 같아서 Feed를 공부하기 시작했습니다. 우선 Blogger에서 지원되는 Feed의 종류부터 나열해 보겠습니다. 아래에 나오는 링크들의 BlogName에 자신의 Blogger 링크를 집어넣으면 됩니다.

피드에서 받아올 수 있는 데이터

게시물 피드

게시물 피드에서는 다음과 같은 정보를 받아올 수 있습니다.

• 블로그의 제목
• 블로그의 부제목
• 블로그의 최종 갱신 날짜
• 블로그의 ID
• 블로그의 모든 라벨(카테고리)
• 블로그 운영자의 이름
• 불로그 운영자 프로필 링크
• 블로그 운영자 프로필 사진
• 블로그의 모든 글

아래는 각 글마다 받아올 수 있는 정보입니다.

• 글의 제목
• 글의 ID
• 글을 게시한 시간
• 글을 수정한 시간
• 글의 라벨(카테고리)
• 글의 제목
• 글의 내용
• 글을 쓴 사람의 이름
• 글을 쓴 사람의 프로필 링크
• 글을 쓴 사람의 프로필 사진

댓글 피드

댓글 피드에서는 각 댓글마다 다음과 같은 정보를 받아올 수 있습니다.

• 댓글의 내용
• 댓글을 쓴 사람
• 댓글의 URL
• 댓글을 쓴 시간

게시물 피드 (XML)

링크는 https://BlogName.blogspot.com/feeds/posts/default입니다. 사실 저는 이 XML 파일이 어디에 쓸모있는지도 모르고, XML 파일에서 데이터를 추출하는 방법도 모르기 때문에 이 피드는 쓰지 않을 것 같습니다.

다만 이 링크로도 네이버 블로그 RSS 이웃을 추가할 수도 있습니다. 아래에 RSS 피드도 따로 있는데 왜 이것도 RSS 이웃 추가가 되는지 궁금해집니다.

게시물 피드 (RSS)

링크는 https://BlogName.blogspot.com/feeds/posts/default?alt=rss입니다. 위와 상당히 비슷한 모양새지만 이 피드는 확실한 쓸모가 있습니다. 요즘엔 거의 쓰이지 않는 기술, RSS를 활용하여 네이버 블로그에서 이웃을 추가할 수 있기 때문입니다. 그것 말고는 쓰임새를 찾을 수가 없습니다.

게시물 피드 (JSON)

링크는 https://BlogName.blogspot.com/feeds/posts/default?alt=json-in-script&callback=FunctionName입니다. json이니까 간단하게 자바스크립트에서 읽어올 수도 있으니 이 피드를 가장 많이 쓸 수 있습니다. FunctionNAme에 실행하고 싶은 함수의 이름을 입력하면 자바스크립트에서 그 함수의 이름이 실행됩니다. 그리고 유의해야 할 점은, 이 피드는 무조건 실행할 자바스크립트 파일의 뒤에 놓여야 합니다.

댓글 피드 (XML)

링크는 https://BlogName.blogspot.com/feeds/comments/default입니다. 네이버 블로그에서 이 주소를 넣으면 새로 달린 댓글을 볼 수 있을지 모르겠지만, 시도해 보진 않았습니다. 역시나 XML이다 보니 저는 활용법을 모르겠습니다.

댓글 피드 (JSON)

링크는 https://BlogName.blogspot.com/feeds/comments/default&callback=FunctionName입니다. 위의 게시물 피드 (JSON)과 마찬가지로 json이다 보니까 자바스크립트로 데이터를 긁어올 수 있습니다. 역시나 실행할 자바스크립트 파일의 뒤에 놓여야 하는 건 같습니다.

피드 긁어오기 예시 (전체 글 수)

백문이 불여일견이라고, 직접 해 보는 것이 이해하는 데 빠르리라 생각이 듭니다. 기초적인 자바스크립트 반복문, 배열, 객체 지식이 있어야 이해하실 수 있을 겁니다.

우선 Blogger 대시보드에서 레이아웃으로 들어갑니다.

아무 곳에 있는 가젯 추가를 누른 후 HTML/Javascript 가젯을 추가합니다.

제목으로 블로그 전체 글 수를 입력한 후 콘텐츠에 아래의 코드를 붙여넣기합니다. BlogName은 자신의 블로그 이름으로 교체해야 합니다.

<script>
  function getdata(json) {
  document.write(json.feed.entry.length)
  }
</script>
<script src='https://BlogName.blogspot.com/feeds/posts/default?alt=json-in-script&callback=getdata'></script>

저장을 누르고 블로그를 보면 블로그의 전체 글 수가 표시되는 것을 볼 수 있습니다. 생각보다는 간단하죠?