mozilla

Revision 127330 of Introduction

  • 리비전 슬러그: XUL_Tutorial/Introduction
  • 리비전 제목: Introduction
  • 리비전 아이디: 127330
  • 제작일시:
  • 만든이: Channy
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

{{template.Next("XUL Tutorial:XUL Structure")}}

이 사용법은 XUL(XML 사용자-인터페이스 언어)을 배우는 데 도움을 주고자하는 것입니다. XUL은 응용프로그램의 사용자 인터페이스를 기술하기 위한 크로스-플랫폼 언어입니다.

이 사용법은 맥킨토시의 Sherlock 또는 윈도우즈에서 파일 찾기 대화창에서 제공하는 것과 많은 부분 같은 단순한 파일 찾기 사용자 인터페이스를 만드는 것을 설명해나갈 것입니다. 사용자 인터페이스만을 만들고 몇가지 기능으로 제한될 것이라는 점을 염두에 두시기 바랍니다. 문단 좌측에 청색이 보일텐데, 파일 찾기 대화창에서 수정될 것입니다. 사용자들을 이들 섹션을 따라가시면 됩니다.

XUL은 무엇이며 왜 만들어졌는가?

XUL(발음은 줄(zool)이며 신선한 리듬감이 있습니다)은 모질라 브라우저를 더 쉽고 빠르게 개발할 수 있도록 만들어졌습니다. XML 언어이기 때문에 XML에서 사용할 수 있는 모든 기능은 또한 XUL에서도 사용할 수 있습니다.


대부분의 응용프로그램은 특정 플랫퐁의 특성을 사용하여 개발되어야 하기 때문에 크로스-플랫폼 소프트웨어를 만드는 것은 시간-소비와 비용이 발생하게 됩니다. 이것은 일부에게는 중요하지 않을 수 있지만, 사용자들은 손에 쥘 수 있는 기기나 셋톱박스에서 어떤 응용프로그램을 사용하고 싶을 지 모릅니다. 수많은 크로스-플랫폼 솔류션이 과거에 개발되었습니다. 예를 들어, 자바는 그런 장점으로써 이식성을 가지고 있습니다. XUL은 포터블 사용자 인터페이스를 만들기 위해 특별하게 고안된 그러한 언어입니다. 단지 하나의 플랫폼만을 위한 응용프로그램을 만드는 것은 오랜 시간이 걸립니다. 컴파일과 디버그에 요구되는 시간은 긴 것일 수 있습니다. XUL로 하면, 인터페이스는 빠르고 쉽게 수행되고 수정할 수 있습니다.

XUL은 다른 XML 언어의 모든 장점을 가지고 있습니다. 예를 들어 XHTML 또는 MathML 또는 SVG와 같은 다른 XML 언어를 XUL내에 삽입할 수 있습니다. 또한 XUL로 표시된 텍스트는 쉽게 현지화할 수 있는 데, 이 의미는 적은 노력으로 다른 언어로 번역할 수 있다는 것입니다. 스타일 시트는 사용자의 인터페이스 외양을 수정하는 데 적용될 수 있습니다.(윈앰프 또는 일부 윈도우 매니저에서 스킨이나 테마처럼)

XUL로 어떤 종류의 사용자-인터페이스를 만들 수 있는가?

XUL은 현대적인 화려한 인터페이스에서 볼 수 있는 대부분의 요소(element)를 생성할 수 있습니다. 어떤 기기의 특별한 필요에 맞출 수 있을만큼 보편적이며 개발자가 이것을 가지고 세밀한 인터페이스를 개발할 수 있을만큼 강력합니다. 만들 수 있는 일부 요소(element)는 다음과 같습니다:

  • 텍스트박스와 체크박스와 같은 입력 컨트롤
  • 버튼이나 다른 컨텐츠를 갖고있는 툴바
  • 메뉴 바 또는 팝업 메뉴상의 메뉴
  • 탭 대화상자
  • 구조적 또는 테이블화된 정보의 트리
  • 키보드 단축키

XUL 파일의 컨텐츠 또는 데이타 자료에서 데이타를 가지고서 컨텐츠를 구성할 수 있습니다. 모질라에서 그러한 데이타자료는 사용자 메일상자, 북마크 그리고 검색결과를 포함합니다. 메뉴, 트리 그리고 다른 요소(element)의 컨텐츠는 이런 데이타, 또는 RDF 파일에서 제공된 자신만의 데이타를 가지고서 채워넣을 수 있습니다.

There are several ways you can use XUL:

  • Firefox extension -- an extension adds functionality to the browser itself, often in the form of extra toolbars, context menus, or customizations to the browser's user interface. This is done using a feature of XUL called an overlay, which allows the UI provided from one source, in this case, the Firefox browser, to be merged together with the UI from the extension. Extensions may also be applied to other Mozilla based products such as Thunderbird.
  • Standalone XULRunner application -- XULRunner is a packaged version of the Mozilla platform which allows you to create standalone XUL applications. A browser isn't required to run these applications, as they have their own executable file.
  • XUL package -- in between the other two are applications which are created in the same way as an extension, but they act like a separate application in a separate window. This is used when you don't want to have the larger size of a complete XULRunner application, but don't mind requiring a Mozilla browser to be installed to be able to run the application.
  • Remote XUL application -- you can also just place XUL code on a web server and open it in a browser, as you would any other web page. This method is limited however, as there are security concerns that will limit the kinds of things you will be able to do, such as opening other windows.

The first three types all require an installation to be performed on the user's machine. However, these types of applications do not have security restrictions placed on them, so they may access local files and read and write preferences, for example. For extensions, the XUL files and associated scripts and images used by an application would be packaged into a single file and downloaded and installed by the user. Mozilla applications such as Firefox provide an extension manager which allows packages to be installed without having to write a lot of complex code.

It is also possible to open XUL files directly from the file system or from a remote web site; however they will be restricted in the kinds of operations they can do, and some aspects of XUL will not work. However, if you do want to load XUL content from a remote site, the Web server must be set up to send XUL files with the content type "application/vnd.mozilla.xul+xml". XUL is usually stored in files with a .xul extension. You can open a XUL file with Mozilla as you would any other file, using the Open File command from the File menu or typing the URL into the address bar.

이 사용법을 사용하기 위해 알아야할 것은 무엇인가?

HTML 그리고 적어도 기본적인 XML 그리고 CSS를 알고있어야 합니다. 다음 내용은 마음에 담고있어야 할 몇가지 가이드라인입니다:

  • XUL 요소(element)와 속성은 소문자로 입력해야 합니다. 이유는 XML이 대소문자를 구분하기 때문입니다.(HTML은 그렇지 않습니다)
  • XUL에서 속성값은 숫자라도 인용부호안에 위치해야 합니다.
  • XUL 파일은 대개 4개의 파일로 분리되는 데, 레이아웃와 요소(element)를 위한 것, 스타일선언을 위한 것, 엔티티 선언을 위한 것(현지화에 사용됨) 그리고 스크립트를 위한 것입니다. 추가하자면, 이미지 또는 플랫폼 전용 데이타를 위해 추가 파일을 가질 수 있습니다.

XUL은 모질라와 그에 바탕한 브라우저(네스케이프 6 이상 그리고 모질라 Firefox)에서 지원됩니다. XUL 구문은 오랜 시간동안 여러 변화가 있었기 때문에, 올바르게 작동할 수 있는 최신의 사례를 보았으면 할 것입니다. 대부분의 사례는 모질라 1.0 이상에서 작동합니다.

This tutorial attempts to cover much of XUL's functionality, however, not all features are discussed. Once you are familiar with XUL, you can use the XUL Reference to find out about other features supported by specific elements.

{{template.Next("XUL Tutorial:XUL Structure")}}

{{ wiki.languages( { "ja": "ja/XUL_Tutorial/Introduction", "pl": "pl/Kurs_XUL/Wprowadzenie" } ) }}

리비전 소스

<p>{{template.Next("XUL Tutorial:XUL Structure")}}
</p><p>이 사용법은 XUL(XML 사용자-인터페이스 언어)을 배우는 데 도움을 주고자하는 것입니다. XUL은 응용프로그램의 사용자 인터페이스를 기술하기 위한 크로스-플랫폼 언어입니다.
</p><p>이 사용법은 맥킨토시의 Sherlock 또는 윈도우즈에서 파일 찾기 대화창에서 제공하는 것과 많은 부분 같은 단순한 파일 찾기 사용자 인터페이스를 만드는 것을 설명해나갈 것입니다. 사용자 인터페이스만을 만들고 몇가지 기능으로 제한될 것이라는 점을 염두에 두시기 바랍니다. 문단 좌측에 청색이 보일텐데, 파일 찾기 대화창에서 수정될 것입니다. 사용자들을 이들 섹션을 따라가시면 됩니다.
</p>
<h3 name="XUL.EC.9D.80_.EB.AC.B4.EC.97.87.EC.9D.B4.EB.A9.B0_.EC.99.9C_.EB.A7.8C.EB.93.A4.EC.96.B4.EC.A1.8C.EB.8A.94.EA.B0.80.3F"> XUL은 무엇이며 왜 만들어졌는가? </h3>
<p>XUL(발음은 줄(zool)이며 신선한 리듬감이 있습니다)은 모질라 브라우저를 더 쉽고 빠르게 개발할 수 있도록 만들어졌습니다. <abbr title="Extensible Markup Language">XML</abbr> 언어이기 때문에 XML에서 사용할 수 있는 모든 기능은 또한 XUL에서도 사용할 수 있습니다.
</p><p><br>
대부분의 응용프로그램은 특정 플랫퐁의 특성을 사용하여 개발되어야 하기 때문에 크로스-플랫폼 소프트웨어를 만드는 것은 시간-소비와 비용이 발생하게 됩니다. 이것은 일부에게는 중요하지 않을 수 있지만, 사용자들은 손에 쥘 수 있는 기기나 셋톱박스에서 어떤 응용프로그램을 사용하고 싶을 지 모릅니다. 수많은 크로스-플랫폼 솔류션이 과거에 개발되었습니다. 예를 들어, 자바는 그런 장점으로써 이식성을 가지고 있습니다. XUL은 포터블 사용자 인터페이스를 만들기 위해 특별하게 고안된 그러한 언어입니다. 단지 하나의 플랫폼만을 위한 응용프로그램을 만드는 것은 오랜 시간이 걸립니다. 컴파일과 디버그에 요구되는 시간은 긴 것일 수 있습니다. XUL로 하면, 인터페이스는 빠르고 쉽게 수행되고 수정할 수 있습니다.
</p><p>XUL은 다른 XML 언어의 모든 장점을 가지고 있습니다. 예를 들어 XHTML 또는 <abbr title="Math Markup Language">MathML</abbr> 또는 <abbr title="Scalable Vector Graphics">SVG</abbr>와 같은 다른 XML 언어를 XUL내에 삽입할 수 있습니다. 또한 XUL로 표시된 텍스트는 쉽게 현지화할 수 있는 데, 이 의미는 적은 노력으로 다른 언어로 번역할 수 있다는 것입니다. 스타일 시트는 사용자의 인터페이스 외양을 수정하는 데 적용될 수 있습니다.(윈앰프 또는 일부 윈도우 매니저에서 스킨이나 테마처럼)
</p>
<h3 name="XUL.EB.A1.9C_.EC.96.B4.EB.96.A4_.EC.A2.85.EB.A5.98.EC.9D.98_.EC.82.AC.EC.9A.A9.EC.9E.90-.EC.9D.B8.ED.84.B0.ED.8E.98.EC.9D.B4.EC.8A.A4.EB.A5.BC_.EB.A7.8C.EB.93.A4_.EC.88.98_.EC.9E.88.EB.8A.94.EA.B0.80.3F"> XUL로 어떤 종류의 사용자-인터페이스를 만들 수 있는가? </h3>
<p>XUL은 현대적인 화려한 인터페이스에서 볼 수 있는 대부분의 요소(element)를 생성할 수 있습니다. 어떤 기기의 특별한 필요에 맞출 수 있을만큼 보편적이며 개발자가 이것을 가지고 세밀한 인터페이스를 개발할 수 있을만큼 강력합니다. 만들 수 있는 일부 요소(element)는 다음과 같습니다:
</p>
<ul><li> 텍스트박스와 체크박스와 같은 입력 컨트롤
</li><li> 버튼이나 다른 컨텐츠를 갖고있는 툴바
</li><li> 메뉴 바 또는 팝업 메뉴상의 메뉴
</li><li> 탭 대화상자
</li><li> 구조적 또는 테이블화된 정보의 트리
</li><li> 키보드 단축키
</li></ul>
<p>XUL 파일의 컨텐츠 또는 데이타 자료에서 데이타를 가지고서 컨텐츠를 구성할 수 있습니다. 모질라에서 그러한 데이타자료는 사용자 메일상자, 북마크 그리고 검색결과를 포함합니다. 메뉴, 트리 그리고 다른 요소(element)의 컨텐츠는 이런 데이타, 또는 <abbr title="Resource Description Framework">RDF</abbr> 파일에서 제공된 자신만의 데이타를 가지고서 채워넣을 수 있습니다.
</p><p>There are several ways you can use XUL:
</p>
<ul><li> Firefox extension -- an extension adds functionality to the browser itself, often in the form of extra toolbars, context menus, or customizations to the browser's user interface. This is done using a feature of XUL called an <b>overlay</b>, which allows the UI provided from one source, in this case, the Firefox browser, to be merged together with the UI from the extension. Extensions may also be applied to other Mozilla based products such as Thunderbird.
</li><li> Standalone XULRunner application -- XULRunner is a packaged version of the Mozilla platform which allows you to create standalone XUL applications. A browser isn't required to run these applications, as they have their own executable file.
</li><li> XUL package -- in between the other two are applications which are created in the same way as an extension, but they act like a separate application in a separate window. This is used when you don't want to have the larger size of a complete XULRunner application, but don't mind requiring a Mozilla browser to be installed to be able to run the application.
</li><li> Remote XUL application -- you can also just place XUL code on a web server and open it in a browser, as you would any other web page. This method is limited however, as there are security concerns that will limit the kinds of things you will be able to do, such as opening other windows.
</li></ul>
<p>The first three types all require an installation to be performed on the user's machine. However, these types of applications do not have security restrictions placed on them, so they may access local files and read and write preferences, for example. For extensions, the XUL files and associated scripts and images used by an application would be packaged into a single file and downloaded and installed by the user. Mozilla applications such as Firefox provide an extension manager which allows packages to be installed without having to write a lot of complex code.
</p><p>It is also possible to open XUL files directly from the file system or from a remote web site; however they will be restricted in the kinds of operations they can do, and some aspects of XUL will not work. However, if you do want to load XUL content from a remote site, the Web server must be set up to send XUL files with the content type "application/vnd.mozilla.xul+xml". XUL is usually stored in files with a <code>.xul</code> extension. You can open a XUL file with Mozilla as you would any other file, using the Open File command from the File menu or typing the URL into the address bar.
</p>
<h3 name=".EC.9D.B4_.EC.82.AC.EC.9A.A9.EB.B2.95.EC.9D.84_.EC.82.AC.EC.9A.A9.ED.95.98.EA.B8.B0_.EC.9C.84.ED.95.B4_.EC.95.8C.EC.95.84.EC.95.BC.ED.95.A0_.EA.B2.83.EC.9D.80_.EB.AC.B4.EC.97.87.EC.9D.B8.EA.B0.80.3F"> 이 사용법을 사용하기 위해 알아야할 것은 무엇인가? </h3>
<p><abbr title="HyperText Markup Language">HTML</abbr> 그리고 적어도 기본적인 XML 그리고 <abbr title="Cascading Style Sheets">CSS</abbr>를 알고있어야 합니다. 다음 내용은 마음에 담고있어야 할 몇가지 가이드라인입니다:
</p>
<ul><li> XUL 요소(element)와 속성은 소문자로 입력해야 합니다. 이유는 XML이 대소문자를 구분하기 때문입니다.(HTML은 그렇지 않습니다)
</li><li> XUL에서 속성값은 숫자라도 인용부호안에 위치해야 합니다.
</li><li> XUL 파일은 대개 4개의 파일로 분리되는 데, 레이아웃와 요소(element)를 위한 것, 스타일선언을 위한 것, 엔티티 선언을 위한 것(현지화에 사용됨) 그리고 스크립트를 위한 것입니다. 추가하자면, 이미지 또는 플랫폼 전용 데이타를 위해 추가 파일을 가질 수 있습니다.
</li></ul>
<p>XUL은 모질라와 그에 바탕한 브라우저(네스케이프 6 이상 그리고 모질라 Firefox)에서 지원됩니다. XUL 구문은 오랜 시간동안 여러 변화가 있었기 때문에, 올바르게 작동할 수 있는 최신의 사례를 보았으면 할 것입니다. 대부분의 사례는 모질라 1.0 이상에서 작동합니다.
</p><p>This tutorial attempts to cover much of XUL's functionality, however, not all features are discussed. Once you are familiar with XUL, you can use the <a href="ko/XUL_Reference">XUL Reference</a> to find out about other features supported by specific elements.
</p><p>{{template.Next("XUL Tutorial:XUL Structure")}}
</p>{{ wiki.languages( { "ja": "ja/XUL_Tutorial/Introduction", "pl": "pl/Kurs_XUL/Wprowadzenie" } ) }}
현재 리비전 복원