뭐..
무작정 강좌를 시작해 보도록 하자 ㅡ_ㅡ

일단 Klip 파일 만들기 위해서는 기본구조에 대해서 알아두면 유용하다.

  1. <klip>
  2.     <owner>
  3.         <author></author>
  4.         <copyright></copyright>
  5.         <email></email>
  6.         <web></web>
  7.     </owner>
  8.     <identity>
  9.         <title></title>
  10.         <version></version>
  11.         <description></description>
  12.         <keywords></keywords>
  13.     </identity>
  14.     <locations>
  15.         <contentsource></contentsource>
  16.         <icon></icon>
  17.         <defaultlink></defaultlink>
  18.         <banner></banner>
  19.         <kliplocation></kliplocation>
  20.     </locations>
  21.     <setup>
  22.         <refresh></refresh>
  23.         <country></country>
  24.         <language></language>
  25.         <codepage></codepage>
  26.     </setup>
  27.     <messages>
  28.         <loading></loading>
  29.         <nodata></nodata>
  30.     </messages>
  31.     <style>
  32.     </style>
  33.     <klipscript>
  34.     <![CDATA[

  35.     ]]>
  36.     </klipscript>
  37. </klip>

제일 기본적으로 들어가는 틀이라고 할 수 있는 구조에 대해서 알아보고자 한다.

Klip 파일은 기본적으로 <klip>으로 시작해서 </klip>으로 끝나도록 되어있다.
HTML을 공부했다면 알겠지만.. HTML 역시 <html>로 시작해서 </html>로 끝난다.
Klip은 XML형식이라고 할 수 있으며..
자세한거 물어보면.. 다친다 ㅡ_ㅡ)++

조금씩 파트를 내맘대로 나눴다.



제작자 정보 <owner></owner>
  1.     <owner>
  2.         <author>제작자명</author>
  3.         <copyright>저작권</copyright>
  4.         <email>제작자 이메일</email>
  5.         <web>제작자 홈페이지</web>
  6.     </owner>

Klip을 제작한 사람에 대한 기본 정보를 쓰는 곳이다.
여기 쓰게 되면 Klip 옵션에서 About 부분에서 확인할 수 있다.



Klip에 대한 기본 정보  <identity></identity>
  1.     <identity>
  2.         <title>Klip 제목</title>
  3.         <version>Klip 버전</version>
  4.         <description>Klip에 대한 설명</description>
  5.         <keywords>Klip을 설명할만한 간단한 키워드</keywords>
  6.     </identity>

identity - 해석을 하자면 신원, 정체 이런 뜻이 된다.
이부분은 Klip에 대한 기본적인 정보를 쓰는 곳이다.
owner가 만든 사람에 대한 정보라면 identity는 klip에 대한 정보를 입력해 주는 곳이라고 생각하면 간단하다.

title
 - 기본적으로 Klip을 열었을때 뷰어에서 보이게 되는 상단 부분에 표시되는 제목과 klip 목록에서 나오게 된다.
version
- Klip 자체의 버전. kliplocation에 적혀있는 온라인 klip과 버전을 비교하여 업그레이드 버전이 나오면 자동으로 업그레이드를 할 수 있게 해주는 기능이 있다.
(klipfolio 프로그램의 버전이 아니다 - 이 부분은 따로 있지만 이 강좌에서는 불필요하다고 판단해서 뺐다)



Klip 속성 <locations></locations>  
  1.     <locations>
  2.         <contentsource>Klip 소스 주소</contentsource>
  3.         <icon>Klip 아이콘</icon>
  4.         <defaultlink>Klip 기본 링크</defaultlink>
  5.         <banner>Klip 배너</banner>
  6.         <kliplocation>온라인 Klip 주소</kliplocation>
  7.     </locations>

Klip에 조금 더 자세한 설정이라고 할 수 있다.
identity가 신분증이라고 하면 locations는 이력서 같다고 할 수 있다.

contentsource
- Klip을 하게될 홈페이지 혹은 RSS, XML등 소스의 주소를 입력하는 곳이다.
icon
- Klip 뷰어 상단에 보이는 icon을 설정하는 곳이다. 기본 사이즈는 16 X 16이다. 주로 그 사이트의 파비콘(패비콘, favicon)을 사용하기도 하지만 gif, jpg, png 이미지도 가능하다. 꼭 입력하지 않아도 된다.
defaultlink
- Klip 뷰어에서 뷰어 상단에서 오른쪽 마우스를 누르고 Open Link를 했을때 열리는 가장 기본적인 페이지이다. 기본적으로 그 Klip의 웹페이지를 적어주는 것이 좋다. 꼭 입력하지 않아도 된다.
banner
- Klip 설정 화면에서 상단 부분에 보여주게 되며 이미지의 기본적인 크기는 234 X 60이다. 만약 그보다 크거나 작으면 맞게 줄여지게 되니 크게 상관하지 않아도 된다. 꼭 입력하지 않아도 된다.
kliplocation
- version 부분에서 잠깐 설명했는데, 해당 klip 파일의 온라인 주소이다. klipfolio 기본 옵션에서 Klip update 선택한 경우 온라인과 현재 사용하고 있는 klip의 버전을 비교하여 자동으로 업그레이드 해준다. 꼭 입력하지 않아도 되지만 관리측면이나 사용자 편의면에서 유용할 듯 ^^



Klip 운영 설정 <setup></setup>
  1.     <setup>
  2.         <refresh>새로고침 시간</refresh>
  3.         <country>국가</country>
  4.         <language>언어</language>
  5.         <codepage>코드페이지</codepage>
  6.     </setup>

기본적으로 klip 파일이 klipfolio에서 돌아가는 기본적인 설정을 하는 부분이다.
나도 처음에는 모르고 지나쳤지만..
이 부분을 빼먹게 되면 나중에 정말 머리 싸매고 고민하는 일이 반드시 생긴다 -_-;
영어권에서는 크게 상관없을지 모르겠지만
한글을 사용하고 다른 언어를 사용하는 경우에는 반드시 거처가야 할 것이다.

refresh
- 새로고침 기본 시간을 설정한다. 기본적으로 분단위이다. (60 = 1시간)
codepage
- 국가, 언어 설정까지 하고 요 코드페이지를 빼먹게 되면 나중에 외계어를 보는 일이 생긴다. -_-)/ 그렇기 때문에 반드시 중요한 부분이다. 꼭 체크를 하고 넘어가는 것이 좋다.

추천 기본 설정 (국내 관련 홈페이지 작업시 추천)

반드시 지정해서 나중에 삽질하는 일이 없도록 하자 ㅡ_ㅡ;; (경험해보면 알지만 다 만들고도 글씨가 안나와서 황당하고 짜증나는 경우를 경험하게 될것이다.)
  1.     <setup>
  2.         <refresh>5</refresh>
  3.         <country>kr</country>
  4.         <language>ko</language>
  5.         <codepage>euc-kr</codepage>
  6.     </setup>



 

메시지 <message></message>

  1.     <messages>
  2.         <loading>로딩 메시지</loading>
  3.         <nodata>데이터 없음 메시지</nodata>
  4.     </messages>

klip 데이터를 읽어올때 써줄 메시지이다.

loading
- klip에서 데이터를 읽어올 동안 뷰어에 써질 메시지이다.
nodata
- 읽어온 데이터가 없을때 보여주는 메시지이다.


Item 설정 <style></style>
  1.     <style>
  2.     </style>

contentsource에 있는 데이터를 파싱[각주:1]해주고
뷰어에 보이게 될 각각의 아이템들(파싱한 정보들)에 대한 설정을 해주는 곳이다.

파워풀한 기능을 사용하기 위해서는 klipscript를 통해서 여러가지를 설정해주어야 하지만
style 부분만 잘만져도 klip을 만들 수 있으므로 그만큼 중요한 부분이다.
그리고 아무리 klipscript로 아이템을 잘 만든다고 해도... 만든 아이템을 style을 통해서 이쁘게 만들지 못하면
쓸모없어지게 되니까 꼭 공부를 해야되는 부분이다.

style에 대한 부분은 따로 강좌로 추가하도록 하겠다.

구성은 기본적으로

선택자(HTML 등 태그명)나 아이템명 {
   속성1 : 값;
   속성2 : 값;
   ....
}



Klipscript <klipscript></klipscript>

  1.     <klipscript>
  2.     <![CDATA[
  3.         klipscript 내용
  4.     ]]>
  5.     </klipscript>

Klip을 파워풀하게 만들기 위해서 꼭 필요한 부분이다.
프로그램을 짜는 것이므로 조금 신경을 쓰고 공부도 해야된다.

아직 나도 잘 모르는 부분이기도 하고
많이 부족하다.



이것으로 Klip 만들기 기초 - Klip 파일 기본구조 강좌를 끝마친다.
 

조금 더 자세하게 알고 싶거나
여기서 빠진 부분들에 대해서 알고 싶다면
공식 홈페이지 Klip Developor Guide 를 한번 읽어보기를 권장한다.

기본 구조에 관한 정보는 http://developer.klipfolio.com/devguide/apb 이곳을 참조.





쓰고 나니 진짜 별내용 아닌거 같아서 왠지 허무하구나 -_- )...
  1. 파싱 (Parsing) 일련의 문자열을 의미있는 토큰으로 분해하고 이를 파스 트리를 만드는 과정. http://ko.wikipedia.org/wiki/구문_분석 [본문으로]
Posted by Mooki

댓글을 달아 주세요

  1. BlogIcon 낙훈 2009.02.01 06:11  댓글주소  수정/삭제  댓글쓰기

    하악...;; 강좌 레슨 1이군요 ^^;
    스타일 부분을 알면 피드를 가져올 수 있겠던데 이걸 어떻게 해야할지 어렵더군요.
    어제 질문드린 학교 게시판의 경우,

    <tr>
    <td>&nbsp;</td>
    <td height="28" align="center" class="dot11">1001873</td>
    <td align="center">&nbsp;</td>
    <td style="padding-left:10;"><a href="/_korean/community/index.php?c=plaza_02_read&category=1&seq=1001873&page=1&next_seq=1001872#top2" title="정부학자금대출질문이요...급합니다...">정부학자금대출질문이요...급합니다...</a></td>

    <td align="center">&nbsp;</td>
    <td align="center" class="dot11">자유</td>
    <td align="center">&nbsp;</td>
    <td align="center" class="dot11">2009-01-30</td>
    <td align="center">&nbsp;</td>
    <td align="center" class="dot11">1</td>
    <td>&nbsp;</td>

    </tr>

    필요한 항목이 이렇게 별다른 스타일이나 태그가 없고, 동일한 HTML 태그일 때 어떻게 내가 원하는 정보를 빼올 수 있는지 궁금하거든요. 이럴 땐 야후 파이프를 이용하면 가능할까요? 야후 파이프도 왔다 갔다 해봤는데 그건 더 어렵더라고요. ;ㅁ;

  2. gohikaru 2010.06.28 02:14  댓글주소  수정/삭제  댓글쓰기

    여긴 티스토리라도 로그인 안해도 글이 써지군요! ^^.
    좋은 정보 잘 얻어갑니다 ㅎㅎ
    영어만 잘 했더라도 원문을 보는건데... ㅋㅋ
    다나와 예제가 참 좋네요. ^^
    감사합니다.