IT's Fun2009.04.10 16:39
IE8 이 등장한 이후에 NoPD가 즐겨 사용하는 기능 중 하나가 바로 웹 슬라이스 (Web Slice / 웹 조각) 기능이다. 간단하게 특정한 웹사이트에서 제공하는 정보를 웹사이트를 접속하지 않고 업데이트 받아 볼 수 있는 장점이 생각보다 편리하게 느껴지기 때문이다. RSS 에 한참 심취해 있을 때는 컨텐츠가 아름다운 웹사이트를 방문하게 될 때마다 RSS 피드 구독 버튼이 없나 찾곤 했었는데, 요즘은 녹색의 웹 슬라이스 등록 버튼이 없는지 찾게 되는 내 모습이 신기하기도 하다.


오늘 소개할 웹 슬라이스의 적용 사례는 웹 사이트의 특정 영역에 적용되는 것이 아니라 RSS 피드에 대하여 적용하는 방법이다. 지금 NoPD 의 웹사이트에도 피드에 대한 RSS가 걸려 있는데 어떻게 만든 것인지를 한번 같이 살펴보도록 하자.


우선, 적용하는 방법은 일반적인 웹 슬라이스를 만드는 것과 대동소이하다. 차이점이 있다면 웹 사이트의 일부 영역에 웹 슬라이스를 적용할 때는 hslice 클래스가 지정된 div 태그 아래에 두가지 div 태그가 위치했었다. 하나는 위에서 보이는 entry-title 이고 다른 하나는 entry-content 였다. 피드를 웹 슬라이스로 만들기 위해서는 두번째 항목을 위와 같이 앵커 태그로 바꾸고 rel 로 "feedurl" 값을 지정해 보자. 웹사이트에 위의 코드를 추가하고 브라우저로 확인하면 웹 슬라이스가 등록된 것이 보인다.



해당 피드에 새로운 글이 업데이트 되면 위의 그림과 같이 Bold 체로 해당 컨텐츠의 제목 일부가 연결 영역에 표시가 된다. RSS 에 따라서 보여지는 방식이 조금씩 다를 수 있는데 피드가 업데이트 되었을 때 간단하게 글의 첫머리를 보고 관심있는 컨텐츠면 해당 사이트로 이동해서 조회할 수 있을 것 같다.

오늘 여러분의 블로그에 간단하게 RSS 피드 웹 슬라이스를 적용해 보세요. 익스텐션의 설치를 통해서 불여우 에서도 웹 슬라이스를 즐기실 수 있답니다.

2009/03/31 - [IT's Fun] - 블로그에 IE8 웹 슬라이스를 추가했습니다
2009/04/01 - [IT's Fun] - 티스토리 메인화면, 웹 조각(Web Slice)에 푹 빠지다~!

- NoPD -
신고
Posted by 노피디
IT's Fun2009.03.31 23:31


마이크로소프트의 인터넷 익스플로러 8 이 출시되면서 새롭게 추가된 기능들이 많습니다.
그 중 하나가 웹 슬라이스 (Web Slice) 기능인데요, 간단하게 div 태그를 이용하여
웹 사이트의 일부 영역을 즐겨찾기 해두는 기능이라고 생각하시면 됩니다.  

인터넷 익스플로러 8 을 쓰고 계신다면 NoPD 블로그의 최신글 영역으로 마우스를 올려보세요.
영역이 녹색으로 표시되면서 웹 슬라이스를 나타내는 아이콘이 화면에 떠오릅니다.
이 아이콘을 눌러서 안내를 읽어보시고 추가를 누르시면 즐겨찾기에
NoPD의 최신글을 가볍게 조회하실 수 있는 웹 슬라이스가 추가됩니다.

웹 슬라이스는 div 태그만을 사용하기 때문에 웹 표준을 저해하지 않는
간단하면서도 쓸모있는 (물론 IE8 사용자 에게만 의미가 있습니다만) 확장 기능이 아닌가 싶습니다.
한 예로 파란(Paran)에서 제공하는 우리동네 날씨 웹슬라이스를 보시면 그 유용성이 느껴지실 겁니다.

날씨를 조회하기 위해 번잡하게 웹 사이트를 찾아 들어가기 보다는,
날씨에 관한 영역을 웹 슬라이스로 지정하여 언제든 즐겨찾기 목록에서 가볍게 조회할 수 있습니다.
NoPD 의 최신글을 등록하시면 아래와 같이 나오는군요.
CSS 문제가 조금 있어보이긴 하지만 가볍게 손볼 수 있을 것 같습니다.
 
- NoPD -



신고
Posted by 노피디

티스토리 툴바