XUL

3. 구성 요소

XUL 인터페이스는 사용자 인터페이스의 레이아웃을 정의하는 콘텐츠, 애플리케이션의 모양을 정의하는 CSS 및 이미지 파일인 스킨, 쉬운 소프트웨어 현지화를 위해 사용자에게 표시되는 문자열을 포함하는 로케일의 세 가지 독립적인 구성 요소로 정의된다.^[16]

3. 1. 콘텐츠

• 최상위 요소: 창, 페이지, 대화 상자, 마법사 등.
• 위젯: 레이블, 버튼, 텍스트 상자, 목록 상자, 콤보 상자, 라디오 버튼, 체크 상자, 트리, 메뉴, 툴바, 그룹 상자, 탭 상자, 색상 선택기, 스페이서, 스플리터 등.
• 박스 모델: 박스, 그리드, 스택, 덱 등.
• 이벤트 및 스크립트: 스크립트, 명령, 키, 브로드캐스터, 옵저버 등.
• 데이터 소스: 템플릿, 규칙 등.
• 기타: 오버레이, iframe, 브라우저, 편집기 등.

• 콘텐츠(Content): 사용자 인터페이스의 레이아웃을 규정하는 XUL 본문.
• 스킨(Skin): 스킨애플리케이션의 시각적인 표현을 위한 CSS와 이미지.
• 로케일(Locale): 로케일소프트웨어의 지역화를 용이하게 하기 위한 실체 텍스트를 기술하는 문서 형식 정의.

3. 2. 스킨

3. 3. 로케일

4. XUL 요소

XUL은 다양한 종류의 요소를 정의하며, 크게 최상위 요소, 위젯, 박스 모델, 이벤트 및 스크립트, 데이터 소스, 기타 등으로 분류할 수 있다.^[16]

XUL 위젯의 기본 동작은 XBL 바인딩으로 변경할 수 있다. 스핀 박스, 슬라이더, 캔버스 등 일부 위젯은 현재 XUL 사양에서 사용할 수 없지만, XUL 2.0에서 검토될 예정이다. XUL 기술 안에는 XHTML이나 MathML과 같은 다른 XML 애플리케이션 요소를 포함할 수도 있다.^[16]

4. 1. 최상위 요소

4. 2. 위젯

4. 3. 박스 모델

• 최상위 요소: 창, 페이지, 대화 상자, 마법사 등.
• 위젯: 레이블, 버튼, 텍스트 상자, 목록 상자, 콤보 상자, 라디오 버튼, 체크 상자, 트리, 메뉴, 툴바, 그룹 상자, 탭 상자, 색상 선택기, 스페이서, 스플리터 등.
• 박스 모델: 박스, 그리드, 스택, 덱 등.
• 이벤트 및 스크립트: 스크립트, 명령, 키, 브로드캐스터, 옵저버 등.
• 데이터 소스: 템플릿, 규칙 등.
• 기타: 오버레이, iframe, 브라우저, 편집기 등.

• 최상위 요소: 창, 페이지, 다이얼로그, 위자드 등
• 위젯: 레이블, 버튼, 텍스트 상자, 리스트 박스(콤보 상자), 라디오 버튼, 체크 박스, 트리, 메뉴, 툴바, 그룹 박스, 탭, 컬러 피커, 스페이서, 스플리터 등
• 박스 모델: 박스, 그리드, 스택, 데크 등
• 이벤트와 스크립트: 스크립트, 커맨드, 키보드, 브로드캐스터, 옵저버 등
• 데이터 소스: 템플릿, 규칙 등
• 기타: 오버레이(클라이언트 사이드에서 실행되는 Server Side Includes), 인라인 프레임, 브라우저, 에디터 등

4. 4. 이벤트 및 스크립트

4. 5. 데이터 소스

• 최상위 요소: 창, 페이지, 대화 상자, 마법사 등.
• 위젯: 레이블, 버튼, 텍스트 상자, 목록 상자, 콤보 상자, 라디오 버튼, 체크 상자, 트리, 메뉴, 툴바, 그룹 상자, 탭 상자, 색상 선택기, 스페이서, 스플리터 등.
• 박스 모델: 박스, 그리드, 스택, 덱 등.
• 이벤트 및 스크립트: 스크립트, 명령, 키, 브로드캐스터, 옵저버 등.
• 데이터 소스: 템플릿, 규칙 등.
• 기타: 오버레이, iframe, 브라우저, 편집기 등.

4. 6. 기타

5. XBL (XML Binding Language)

XBL(XML Binding Language)은 XUL 그래픽 위젯의 동작을 변경하기 위한 XML 기반의 마크업 언어이다. 예를 들어 스크롤 막대가 있다.^[17][18] XBL 파일에는 데이터 바인딩이 포함되어 있으며, 각 바인딩은 XUL 위젯의 동작을 설명한다. XBL 파일의 루트 요소는 <bindings> 요소이며, 하나 이상의 <binding> 요소를 포함한다. 각 <binding> 요소는 하나의 바인딩을 선언하며, 이는 모든 XUL 요소에 연결될 수 있다. 또한 id 속성을 가질 수 있다. 바인딩은 CSS 속성 -moz-binding을 바인딩 파일의 URL로 설정하여 요소에 할당된다.^[19] 예를 들어 다음과 같다.

```css

scrollbar {

• moz-binding: url('somefile.xml#binding1');

6. 사용 예시

XUL은 주로 모질라와 파이어폭스 본체 및 확장 기능에 사용되지만, HTTP로 전송되는 웹 애플리케이션에도 사용할 수 있다. 예를 들어, '모질라 아마존 브라우저'라는 Amazon.com에서 책을 검색하기 위한 리치 클라이언트 소프트웨어가 XUL 애플리케이션으로 사용되었다.<sup>[27]</sup> 그러나 모질라의 강력한 특징인 XPCOM 객체를 사용할 수 있는 권한은 보안상의 이유로 원격 XUL 문서에는 주어지지 않는다(서명이 없는 한 권한이 주어지지 않음). 또한 다른 제한도 있는데, 예를 들어 다른 도메인의 외부 XUL이나 DTD 또는 RDF 문서를 읽어올 수 없다.

다음은 수직 상자 컨테이너 안에 서로 쌓여 있는 세 개의 버튼을 보여주는 예시이다:<sup>[20]</sup>

7. 영화 ''고스트버스터즈''와의 관련

XUL은 1984년 영화 ''고스트버스터즈''에서 유래되었다.<sup>[25]</sup> 영화 속 악당은 가상의 신 주울(Zuul, 문지기)이다.<sup>[21]</sup> 주울은 다나 배럿을 지배하며 "다나는 없다. 오직 주울 뿐이다."라고 말한다.<sup>[22][25]</sup> 주울과 발음이 같은 XUL의 제작자들은 "데이터는 없다. 오직 XUL 뿐이다!"라는 슬로건을 만들었다.<sup>[24]</sup> 이 슬로건과 문지기로서의 주울은 XUL의 XML 네임스페이스 URI에 언급되었으며, 이전에는 모든 Firefox 부가 기능에 존재했다:<sup>[25]</sup> `http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul`

XUL 개발자들은 영화 속 대사를 인용하여 "There is no data, only XUL (데이터는 없어, XUL만 있을 뿐)"이라는 슬로건을 내걸었다. 이것은 XUL 애플리케이션에서 XML 네임스페이스 선언에 사용되는 URI인 `https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul`에 기술된 문장이기도 하다.

"keymaster"나 "gatekeeper"도 같은 작품의 시나리오에서 나왔다. 고스트버스터즈에서 따온 것은 Mozilla의 다른 제품에서도 볼 수 있는데, 예를 들어 JavaScript에는 [https://developer.mozilla.org/Ja/Venkman Venkman]이라는 디버거 컴포넌트가 있는데, 이것은 같은 작품의 주인공 중 한 명인 피터 벤크먼 박사에서 유래되었다.

참조

<sub>[1]</sub> 웹사이트 Problems with XUL https://mozilla.gith[...] 2019-06-07
<sub>[2]</sub> 웹사이트 Firefox 57.0, See All New Features, Updates and Fixes https://www.mozilla.[...] 2017-11-14
<sub>[3]</sub> 웹사이트 The Future of Developing Firefox Add-ons https://blog.mozilla[...] 2018-04-02
<sub>[4]</sub> 웹사이트 Waterfox, Its Legacy and Looking to the Future https://blog.waterfo[...] 2018-06-20
<sub>[5]</sub> 웹사이트 Pale Moon future roadmap https://www.palemoon[...] Moonchild Productions 2018-04-02
<sub>[6]</sub> 뉴스 Pale Moon team releases first version of Basilisk browser https://www.ghacks.n[...] 2018-04-02
<sub>[7]</sub> 웹사이트 Iceweasel-UXP project page https://wiki.hyperbo[...]
<sub>[8]</sub> 웹사이트 Ars Technica sits down with Scott Collins from Mozilla.org https://arstechnica.[...] Ars Technica 2018-11-28
<sub>[9]</sub> 웹사이트 Why Did Mozilla Remove XUL Add-ons? https://yoric.github[...] 2020-08-20
<sub>[10]</sub> 웹사이트 Remote Application Development with Mozilla, Part 2: A Case Study of the Mozilla Amazon Browser (MAB) http://www.oreillyne[...] 2003-02-05
<sub>[11]</sub> 웹사이트 Firefox/XUL and XBL Replacement https://wiki.mozilla[...] 2022-09-27
<sub>[12]</sub> 웹사이트 Life After XUL https://developer.mo[...] Mozilla 2018-11-28
<sub>[13]</sub> 웹사이트 Adapt to Changes in Thunderbird 69-78 https://developer.th[...] 2022-09-27
<sub>[14]</sub> 웹사이트 UXP vs goanna https://forum.palemo[...] 2022-09-27
<sub>[15]</sub> 웹사이트 There is only XUL http://thereisonlyxu[...] 2018-09-18
<sub>[16]</sub> 웹사이트 Gecko FAQ {{!}} MDN https://developer.mo[...] 2021-01-05
<sub>[17]</sub> 웹사이트 Ars Technica sits down with Scott Collins from Mozilla.org https://arstechnica.[...] 2018-11-28
<sub>[18]</sub> 웹사이트 XBL 2.0 Acknowledgments http://www.w3.org/TR[...]
<sub>[19]</sub> 웹사이트 XBL 2.0 http://www.w3.org/TR[...]
<sub>[20]</sub> 웹사이트 The Box Model - Mozilla {{!}} MDN https://developer.mo[...] 2021-01-05
<sub>[21]</sub> 서적 Receptions of the Ancient Near East in Popular Culture and Beyond https://books.google[...] Lockwood Press 2020-03-01
<sub>[22]</sub> 웹사이트 "'Ghostbusters' turns 30: Revisit film's supernatural wisdom" https://www.today.co[...] 2014-06-06
<sub>[23]</sub> 서적 Inside XML https://books.google[...] New Riders 2001
<sub>[24]</sub> 웹사이트 Mozilla XML Namespace https://www.mozilla.[...]
<sub>[25]</sub> 서적 Beginning Smartphone Web Development: Building JavaScript, CSS, HTML and Ajax-based Applications for iPhone, Android, Palm Pre, BlackBerry, Windows Mobile and Nokia S60 https://books.google[...] Apress 2010-04-15
<sub>[26]</sub> 웹인용 Gecko FAQ https://developer.mo[...] 모질라 재단 2008-03-15
<sub>[27]</sub> 웹인용 보관된 사본 https://developer.mo[...] 2013-10-13