Gecko DOM Reference:Preface
MDC
목차 |
[편집] 이 문서에 대해
이 문서는 어떤 분에게 이 문서가 유용한지 내용을 어떻게 표시하는지 DOM 사용 예제를 어떻게 사용한지에 대한 내용을 담고 있습니다.
이 문서의 내용을 계속 추가하고 있고, Gecko에 구현된 DOM 메소드와 프로퍼티, 객체 모두가 아직 추가되어 있지는 않습니다. (예, the DOM 문서 참고) 이 참고 문서는 DOM내에 수 많은 API를 다뤄지고 있으며 이 문서로 통합 하고 있습니다.
[편집] 본 문서의 주요 대상
Gecko DOM 참고 문서는 웹 개발자나 웹 페이지를 제작하고자 하는 고급 사용자를 대상으로 합니다. 이 가이드는 DOM이나 XML, 웹 서버, 웹 표준 그리고 DOM을 쉽게 접근할 수 있는 JavaScript 등에 대한 기본적인 소양을 요구 하지는 않습니다. 그러나 HTML과 마크업, 웹 페이지의 기본 구조나 웹 브라우저 및 스타일 시트에 대한 내용을 알고 있으면 도움이 됩니다.
이 문서에 있는 여러 가지 예제들과 설명은 고급 사용자나 초보자에게도 모두 도움이 될 것입니다. 이 문서는 API 참고 매뉴얼로 계속 갱신될 예정입니다.
[편집] Gecko란 무엇인가?
Mozilla, Firefox, Netscape 6+와 다른 Mozilla 기반 브라우저는 자체 DOM 구현 엔진을 가지고 있습니다. 이것은 같은 구현 기술을 사용했기 때문입니다.
Gecko(게코)는 HTML을 해석하고 웹 페이지 레이아웃을 표현하고 문서 객체 모델과 이와 관련된 작업을 수행하는 웹 브라우저의 소프트웨어 컴포넌트입니다. 이 프로그램은 웹 문서내의 W3C DOM 및 비표준 브라우저 객체 모델(BOM, 예 window 그리고 웹 브라우저 내 chrome과 같은 응용 프로그램 인터페이스 등을 수행하는 강력하고 표준 지향적인 렌더링 엔진입니다.
Gecko는 응용프로그램 인터페이스와 컨텐트를 다양한 방식으로 표현하기 때문에 DOM을 노드의 트리 구조로 일괄적으로 표현 합니다.
[편집] API 문법
API 참고 자료는 입력 및 출력 데이터와 반환 값, 추가 정보, 필요한 스펙으로 링크 등을 설명합니다.
일반적으로 읽기 전용 프로퍼티들은 설정을 할 필요가 없기 때문에 한 줄의 문법을 가지고 있습니다. 예를 들어 screen의 availHeight 객체는 다음과 같은 문법을 가집니다.
이 프로퍼티를 문장의 오른쪽에서만 사용할 수 있지요. 이에 반해 읽기/쓰기용 프로퍼티는 다음과 같이 사용할 수 있습니다.
일반적으로 멤버를 갖는 객체는 모든 요소에 대해서는 element, 모든 문서 객체에 대해서는 document, 테이블에 대해선 TABLE 객체 등으로 간단히 기술됩니다. (자세한 것은 중요 데이터 형식를 참고하세요.)
[편집] 예제 사용법
이 문서에는 바로 웹 브라우저에서 사용할 수 있도록 만든 여러 가지 예제들이 있습니다. 여러분은 자바 스크립트 callback 함수를 내에 넣어서 이것을 실행해 볼 수 있습니다. 예를 들어 window.document 프로퍼티에 대한 예제는 아래와 같이 버튼을 눌러 호출 함으로서 실행 가능합니다.
<html>
<script>
function testWinDoc() {
doc= window.document;
alert(doc.title);
}
</script>
<button onclick="testWinDoc();">test document property</button>
</html>
아직 완전히 만들어지지 않은 객체 멤버들도 비슷한 함수와 웹 페이지들이 제공 될 것입니다. DOM API 테스트하기 부분에서는 API를 한번에 사용할 수 있는 테스트 방법들이 나와 있습니다.