구글 가젯 만들기, Part 1: 구글 가젯 기본요소 (한글)

13 페이지 중 4 페이지 문서 옵션 토론  제안 및 의견 피드백 튜토리얼 평가 이 컨텐츠를 개선하기 위한 도움을 주십시오.

가젯 콘텐츠 유형

가젯을 작성할 때 사용할 수 있는 세 가지 콘텐츠 유형이 있다. 이번 절에서는 각각의 콘텐츠 유형을 소개할 것이다.

html

html 콘텐츠 유형은 HTML을 사용하여 구현할 수 없는 특별한 기능을 사용하지 않는다면 가장 유연하고(flexibility) 추천되는 형태다. 이 콘텐츠 유형을 이용하면 웹 브라우저 내에서 렌더링할 수 있는 모든 것을 사용할 수 있다(Listing 3).

                    
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="html content type example" />
  <Content type="html">
    <![CDATA[
      Gadgets are your friend!
    ]]>
  </Content>
</Module>

html-inline

만약 만들려는 가젯이 부모 페이지(즉 개인화 홈페이지)에 있는 어떤 콘텐츠를 변경해야 하는 것이면 html-inline 콘텐츠 유형을 사용해야 한다. 이 유형을 사용하면 가젯이 html 콘텐츠 유형처럼 iframe 안에서 렌더링되지 않는다. 대신, 가젯 코드가 부모 페이지의 html 안에 임베드된다.

html-inline을 사용하는 장점은 부모의 콘텐츠를 변경할 수 있다는 것이다. 이것은 때로는 편하다. 하지만 이 유형을 사용할 때 제한이 있기 때문에 가젯의 일부로 특별한 기능을 구현하는 경우가 아니라면 추천하는 방식은 아니다(Listing 4).

iframe iframe은 원격 웹 페이지로부터 콘텐츠를 보여주는 스크롤 가능한 텍스트 박스다. Iframe 안에 있는 콘텐츠는 부모 페이지와 완전히 분리되어 있고 상호작용이 없다. HTML 4 명세에서 더 많은 정보를 살펴볼 수 있다(참고자료 참조).

                    
<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="inline content type example"/>
  <Content type="html-inline">
  <![CDATA[
    Change the font to monospace
    <script type="text/javascript">
    _IG_RegisterOnloadHandler(function ()
    {
      document.body.style.fontFamily = "monospace";
    });
    </script>
  ]]>
  </Content>
</Module>

url

url 콘텐츠 유형은 가젯 콘텐츠가 원격 웹 페이지에 있고 URL을 사용하여 가젯 XML 파일에 접근한다. XML 파일에 있는 콘텐츠만 URL을 사용하여 참조할 수 있다(Listing 5의 예제 참조).

                    
<Module>
  <ModulePrefs ... />
  <Content type="url" href="http://some-url.com/filename.xyz" />
</Module>

html-inline 콘텐츠 유형처럼 이 방법은 HTML만 갖고는 할 수 없는 특별한 기능을 사용할 때만 추천하는 방법이다. 예를 들어 선호하는 스크립트 언어(자바스크립트 같은)를 사용한다면 이 콘텐츠 유형이 좋은 선택이 될 수 있다.

주의할 것

어떤 콘텐츠 유형을 사용할 것인지에 따라 가젯에서 사용할 수 있는 API 기능이 결정된다는 점에 주의하기 바란다. 게다가 콘텐츠 유형은 여러분의 가젯이 화면에 어떻게 렌더링될지 결정한다. 즉 iframe(html)에 보일 것인지, 부모 페이지의 일부로 보일 것인지(html-inline) 또는 가젯 개발자가 제어할 것인지(url) 선택해야 한다.

위로

	13 페이지 중 4 페이지