---
title: Instantiating Views
slug: orphaned/Places/Instantiating_Views
tags:
  - Places
original_slug: Places/Instantiating_Views
---
<p>여러분의 확장이나 애플리케이션에서 북마크나 히스토리의 내용을 보여주려면 내장 플레이스 뷰를 사용할 수 있습니다. 이는 포괄적이며, 기본 기능을 작성하는 시간을 많이 아껴주므로 여러분은 애플리케이션을 작성하는데 집중할 수 있습니다.</p>

<p>다른 콘트롤 형식을 위해서 또는 더욱 사용자 정의된 뷰를 얻기 위해서 여러분 자신의 뷰를 구현할 수도 있습니다. <a href="ko/Places/Views">Places:Views</a>는 이 주제에 대해서 다룹니다.</p>

<h3 id="보기">보기</h3>

<p>플레이스에서는 다음과 같은 내장 뷰를 이용할 수 있습니다.</p>

<ul>
 <li>트리</li>
 <li>메뉴</li>
 <li>도구 막대 - 포함된 폴더는 메뉴 뷰를 사용</li>
</ul>

<h3 id="XUL에서_생성하기">XUL에서 생성하기</h3>

<pre>  &lt;!-- include the places stylesheet to get the XBL bindings --&gt;
  &lt;?xml-stylesheet href="chrome://browser/content/places/places.css"?&gt;

  &lt;!-- include the required .js files --&gt;
  &lt;script type="application/x-javascript"
          src="chrome://global/content/globalOverlay.js"/&gt;
  &lt;script type="application/x-javascript"
          src="chrome://browser/content/places/utils.js"/&gt;
  &lt;script type="application/x-javascript"
          src="chrome://browser/content/places/controller.js"/&gt;
  &lt;script type="application/x-javascript"
          src="chrome://browser/content/places/treeView.js"/&gt;

  &lt;!-- Tree View --&gt;
  &lt;tree type="places" id="your_tree" place="place:..." ...&gt;
    &lt;treecols&gt;
      &lt;treecol id="title" flex="1" primary="true" .../&gt;
      ...
    &lt;/treecols&gt;
    &lt;treechildren flex="1"/&gt;
  &lt;/tree&gt;

  &lt;!-- Menu View --&gt;
  &lt;menu label="Your Menu"&gt;
    &lt;menupopup type="places" place="place:..."/&gt;
  &lt;/menu&gt;

  &lt;!-- Toolbar View --&gt;
  &lt;toolbaritem type="places" id="your_item" place="place:..."
               .../&gt;
</pre>

<p>스크립트에서 DOM 개체를 생성할 수도 있습니다.</p>

<h3 id="스크립트_가로채기Hookup">스크립트 가로채기(Hookup)</h3>

<pre>var view = document.getElementById("your_view");
view.init(null);
view.appendController(PlacesController);
</pre>

<p>뷰는 null로 초기화되고(기본 뷰 구성입니다. ViewConfig 개체를 사용하여 뷰의 기능을 수정하는 것에 대한 자세한 정보는 <a href="ko/Places/View_Configurations">Places:View Configurations</a>를 참고하십시오.) 콘트롤러가 붙습니다. 뷰는 이제 사용할 준비가 되었습니다.</p>

<h3 id="플레이스뷰_인터페이스">플레이스뷰 인터페이스</h3>

<p>플레이스뷰 인터페이스를 통하여 뷰와 상호작용하는 것에 대한 정보는 <a href="ko/Places/PlacesView_Interface">Places:PlacesView Interface</a>를 참고하시기 바랍니다.</p>

<div class="noinclude"></div>