마이크로 포맷마이크로 포맷커뮤니티 개발 커뮤니티 개발 22 팀 이준팀 이준

시멘틱 웹시멘틱 웹

시맨틱 웹시맨틱 웹 (Semantic Web)(Semantic Web) 은 현재의 인터넷과 은 현재의 인터넷과 같은 분산환경에서 리소스같은 분산환경에서 리소스 (( 웹 문서웹 문서 , , 각종 화일각종 화일 , , 서비스 등서비스 등 )) 에 대한 정보와 자원 사이의 관계에 대한 정보와 자원 사이의 관계 --의미 정보의미 정보 (Semantics)(Semantics) 를 기계를 기계 (( 컴퓨터컴퓨터 )) 가 가 처리할 수 있는 처리할 수 있는 온톨로지온톨로지형태로 표현하고형태로 표현하고 , , 이를 이를 자동화된 기계자동화된 기계 (( 컴퓨터컴퓨터 )) 가 처리하도록 하는 가 처리하도록 하는 프레임워크이자 기술이다프레임워크이자 기술이다 ..

웹의 창시자인 팀 버너스 리가 웹의 창시자인 팀 버너스 리가 19981998 년 제안했고 년 제안했고 현재 현재 W3CW3C 에 의해 표준화 작업이 진행중이다에 의해 표준화 작업이 진행중이다 . .

시맨틱 웹과 현재 웹의 차이 시맨틱 웹과 현재 웹의 차이 시맨틱 웹을 이용한 시스템과 태그 기반의 자체분류법시맨틱 웹을 이용한 시스템과 태그 기반의 자체분류법 (fo(fo

lksonomy), lksonomy), 또는 시맨틱 웹과 블로그또는 시맨틱 웹과 블로그 , , 위키의 조합은 위키의 조합은 자연스럽게 시맨틱 웹 환경의 기반이 됨과 동시에 자연스럽게 시맨틱 웹 환경의 기반이 됨과 동시에 '' 웹 웹 2.2.0'0' 이 지향하는 이 지향하는 사용자끼리 상호작용사용자끼리 상호작용 , , 사용자 중심의 사용자 중심의 정보 공유정보 공유를 추구한다를 추구한다 ..

분산 되어 있는 정보나 서비스들을 연결하여 좀더 복잡한 분산 되어 있는 정보나 서비스들을 연결하여 좀더 복잡한 프로세스 수행이 가능하도록 서로 다른 기관의 정보들을 프로세스 수행이 가능하도록 서로 다른 기관의 정보들을 통합통합 , , 공유하는 경우공유하는 경우 , , 정보에 대해 서술하는 정보에 대해 서술하는 표준화된 표준화된 메타 데이터 형식메타 데이터 형식

시맨틱 웹은 웹 시맨틱 웹은 웹 2.02.0 을 실현하는 데 필요한 기술 중 을 실현하는 데 필요한 기술 중 하나가 될 수 있겠지만 시맨틱 웹이 웹 하나가 될 수 있겠지만 시맨틱 웹이 웹 2.02.0 인 것은 인 것은 아니다아니다 . .

마이크로 포맷마이크로 포맷 마이크로포맷마이크로포맷 (microformat)(microformat) 은은 , , 웹 페이지웹 페이지 및 및

RSSRSS와 같은 와 같은 HTMLHTML 또는 또는 XHTMLXHTML 기반의 기반의 정보군에서 사용될 수 있는정보군에서 사용될 수 있는 , , 특정 특정 마크업마크업을 을 사용하여 정보를 사용하여 정보를 메타 데이터메타 데이터 형태로 가공하는 형태로 가공하는 방식으로 구현되는 정보 포맷 방식을 뜻한다방식으로 구현되는 정보 포맷 방식을 뜻한다 . . 줄여서 줄여서 μF, uFμF, uF 라고 표기한다라고 표기한다 . . 용도에 따라 여러 용도에 따라 여러 가지 마이크로 포맷이 존재한다가지 마이크로 포맷이 존재한다 . . 마이크로포맷에서는마이크로포맷에서는 , class, class[1][1], rel, rel[2][2], rev , rev 등의 등의 HTML HTML 속성 마크업들이 사용된다속성 마크업들이 사용된다 ..

보통의 보통의 HTML HTML 웹 페이지에 마이크로포맷을 웹 페이지에 마이크로포맷을 적용시키게 되면적용시키게 되면 , , 웹 웹 크롤러크롤러 등의 프로그램이 등의 프로그램이 여러 가지 부가 정보를 웹 페이지에서 여러 가지 부가 정보를 웹 페이지에서 인식해내는 것이 가능해진다인식해내는 것이 가능해진다 ..

배경배경 HTMLHTML 은 애초에은 애초에 , , 정보를 포함한 문서를 정보를 포함한 문서를

기술하기 위해 만들어진 것이다기술하기 위해 만들어진 것이다 . . 하지만 하지만 HTMLHTML은 정보를 문서 단위로 구조화시키는데 특화되어 은 정보를 문서 단위로 구조화시키는데 특화되어 있어있어 , , 특정한 의미를 추출하는 데에는 적합하지 특정한 의미를 추출하는 데에는 적합하지 않다않다 . . 현재 일반적인 검색엔진은 특정 기관의 현재 일반적인 검색엔진은 특정 기관의 특정 정보특정 정보 (( 예예 : : 병원 등의 전화번호병원 등의 전화번호 )) 를 찾고자 를 찾고자 해도해도 , , 단어 패턴의 검색 수준으로는 그 적합한 단어 패턴의 검색 수준으로는 그 적합한 정보를 추출하기가 어렵다정보를 추출하기가 어렵다 ..마이크로포맷은 이러한 문제에 대한 해결책의 마이크로포맷은 이러한 문제에 대한 해결책의 하나로하나로 , HTML, HTML 에 현실적인 요구사항에 대응할 에 현실적인 요구사항에 대응할 수 있는 의미 확장을 위한 수단을 목적으로 하고 수 있는 의미 확장을 위한 수단을 목적으로 하고 있다있다 ..

기본 속성기본 속성

classclass : : 마이크로포맷을 구성하는 기본 마이크로포맷을 구성하는 기본 속성으로 정보를 정의하는 역할속성으로 정보를 정의하는 역할

relrel : : 현재 문서가 링크로 연결되는 문서와 현재 문서가 링크로 연결되는 문서와 어떤 관계인지 정의 어떤 관계인지 정의

revrev : : 링크로 연결되는 문서가 현재 문서와 링크로 연결되는 문서가 현재 문서와 어떤 관계인지 정의 어떤 관계인지 정의 (rel(rel 과 반대시점과 반대시점 ) )

예제 – 연락처 정보 예제 – 연락처 정보 hCardhCard

<div><div><div>Joe Doe</div><div>Joe Doe</div><div>The Example Company</div><div>The Example Company</div><div>604-555-1234</div><div>604-555-1234</div><a href="http://example.com/">http://example.com/</a><a href="http://example.com/">http://example.com/</a>

</div></div>

hCardhCard 마이크로포맷을 적용시키게 되면 다음과 같은 식이 된다마이크로포맷을 적용시키게 되면 다음과 같은 식이 된다 ..<div class="vcard"><div class="vcard">

<div class="fn">Joe Doe</div><div class="fn">Joe Doe</div><div class="org">The Example Company</div><div class="org">The Example Company</div><div class="tel">604-555-1234</div><div class="tel">604-555-1234</div><a class="url" href="http://example.com/">http://example.<a class="url" href="http://example.com/">http://example.

com/</a>com/</a></div></div>

일반적인 일반적인 HTML HTML 태그와 태그와 class class 속성을 속성을 함께 사용해 함께 사용해 fn, org, tel, urlfn, org, tel, url 과 같은 특수 과 같은 특수 정보를 저장하고 있다정보를 저장하고 있다 . fn. fn 은 이름은 이름 , org, org는 는 소속회사소속회사 , tel, tel 은 연락처은 연락처 , url, url 은 홈페이지 은 홈페이지 주소를 의미하며주소를 의미하며 , , 이는 이는 vcardvcard 라는 라는 class class 속성 안에서 연락처 정보를 형성하고 있속성 안에서 연락처 정보를 형성하고 있다다 . hCard. hCard 는 컴퓨터가 이해할 수 있도록 는 컴퓨터가 이해할 수 있도록 정해진 규약으로 정보를 저장하는 반면 정해진 규약으로 정보를 저장하는 반면 사용자 역시 웹 페이지에서 정보를 사용자 역시 웹 페이지에서 정보를 시각적으로 확인할 수 있는 장점이 있다시각적으로 확인할 수 있는 장점이 있다 . .

<a href=“http://www.jerryis.com/tt” rel=“friend met colleague”><a href=“http://www.jerryis.com/tt” rel=“friend met colleague”> 제리제리 </a></a>

<a href=“http://www.pixie.co.kr” rel=“friend met”><a href=“http://www.pixie.co.kr” rel=“friend met”>픽시픽시 </a></a>

relrel 과 과 rev rev 속성은 속성은 <link><link> 나 나 <a href> <a href> 태그에 관계 정보를 부여해 좀 더 간단한 태그에 관계 정보를 부여해 좀 더 간단한 방법으로 마이크로포맷을 구현한다방법으로 마이크로포맷을 구현한다 . XFN. XFN(XHTML Friends Network)(XHTML Friends Network) 은 링크에 은 링크에 rel rel 속성을 이용해 인맥을 저장한다속성을 이용해 인맥을 저장한다 . .

<a href=“http://happybean.naver.com” rev=“vote-for”><a href=“http://happybean.naver.com” rev=“vote-for”> 해피빈해피빈 </a></a><a href=“http://microformat.com” rev=“vote-abstain”><a href=“http://microformat.com” rev=“vote-abstain”> 마이크로포맷마이크로포맷 </a></a><a href=“http://...” rev=“vote-against”><a href=“http://...” rev=“vote-against”>악질사이트악질사이트 </a></a>

rev rev 속성의 속성의 vote-forvote-for 는 “찬성”는 “찬성” , vote-abstain, vote-abstain 은 “중립”은 “중립” , vo, vote-againstte-against 는 “반대”를 뜻한다는 “반대”를 뜻한다 . . 똑같은 관계임에도 똑같은 관계임에도 불구하고 불구하고 relrel 이 아닌 이 아닌 revrev 를 사용하는 이유는 를 사용하는 이유는 relrel 은 현재 은 현재 페이지를 기준으로 관계를 표현하는 속성이고 페이지를 기준으로 관계를 표현하는 속성이고 revrev 는 그 는 그 반대의 관계를 표현하는 속성이기 때문이다반대의 관계를 표현하는 속성이기 때문이다 . . 그러므로 그러므로 다른 페이지의 정보에 대해 찬성이나 반대를 표현하는 다른 페이지의 정보에 대해 찬성이나 반대를 표현하는 행위는 행위는 rev rev 속성을 사용해야 한다속성을 사용해야 한다 . Vote Links. Vote Links 는 링크에 는 링크에 대한 사용자들의 평가를 저장하여 링크 정보의 질을 대한 사용자들의 평가를 저장하여 링크 정보의 질을 높이는 효과를 발휘한다높이는 효과를 발휘한다 . .

여기서 많이 데려옴여기서 많이 데려옴

http://mulriver.egloos.com/4133419http://mulriver.egloos.com/4133419여기중에서 셋여기중에서 셋http://ko.wikipedia.org/wiki/%EB%A7%88%Ehttp://ko.wikipedia.org/wiki/%EB%A7%88%E

C%9D%B4%ED%81%AC%EB%A1%9C%ED%C%9D%B4%ED%81%AC%EB%A1%9C%ED%8F%AC%EB%A7%B78F%AC%EB%A7%B7

http://developer.mozilla.org/ko/Using_microhttp://developer.mozilla.org/ko/Using_microformatsformats

http://www.ibm.com/developerworks/kr/lihttp://www.ibm.com/developerworks/kr/library/x-think39.htmlbrary/x-think39.html

읽어봅시다읽어봅시다 마이크로포맷 참고서마이크로포맷 참고서 (microformat cheatsh(microformat cheatsh

eet) eet) http://tenshi.springnote.com/pages/1321http://tenshi.springnote.com/pages/1321716716

http://www.imaso.co.kr/?doc=http://www.imaso.co.kr/?doc=bbs/gnuboard.php&bo_tablebbs/gnuboard.php&bo_table==article&wr_idarticle&wr_id=31619=31619

참고 사이트참고 사이트

http://http://microformats.orgmicroformats.org// http://http://wiki.mozilla.org/Microformatswiki.mozilla.org/Microformats http://http://microformats.org/wiki/Main_Pagemicroformats.org/wiki/Main_Page