문서 객체 모델(DOM)이란?

용어정리

hhnn 2021. 7. 12. 17:22

:XML이나 HTML 문서에 접근하기 위한 일종의 interface(상호작용)

DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 문서구조, 스타일, 내용 등을 변경 할 수 있게 돕는다.

DOM은 구조화된 nodes와 property 와 method를 갖고 있는 objects로 문서를 표현한다.

이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.

즉, 자바스크립트가 HTML에 접근해서 변경, 추가, 수정등을 할 수 있게 하는 역할이자 프로그램이다.

(HTML뿐만 아니라 XML 및 일반문서에서도 DOM을 사용할 수 있다)

그럼 여기서..

HTML과 XML은 무엇인가?

웹페이지가 어떻게 구조화되어 있는지 브라우저를 통해 확인할 수 있는 마크업 언어.

HTML은 elements(요소)로 구성되어 있으며 적절한 방법으로 나타내기 위해 여러 부분을 감싸고 마크업 한다.

Extensible (확장가능)

HTML과 매우 유사하지만 문자 기반의 마크업 언어(text-based markup language)이다.

이 언어는 사람과 기계가 동시에 읽기 편한 구조로 되어 있다.

그러나 XML은 HTML처럼 데이터를 보여주는 것이 아닌 데이터 저장, 전달을 목적으로 만들어졌다.

또한, XML태그는 HTML태그처럼 미리 정의되어 있지 않고 사용자가 직접 정의할 수 있다.

즉 HTML은 약속된 태그[<p></p> 등등]들만 사용해야하지만 XML은 그렇지 않다는 것.

XML은 데이터를 설명하기 위해 이름을 임의로 지은 태그로 데이터들을 감싼다.

위 이미지를 보면 미국의 42번째 대통령이 누구인가를 감싸는 태그는 <question>

그에 대한 대답은 <answer>로 감쌌다.

XML의 기본 개념

ㆍ XML은 구조적인 데이터를 위한 것이다.

ㆍ XML은 HTML 같이 보인다.

ㆍ XML은 텍스트이며, 읽히는 것만 뜻하지 않는다.

ㆍ XML은 크기가 커진다.

ㆍ XML은 기술의 집합이다.

ㆍ XML은 새루은 기술이 아닌 발전한 기술이다.

ㆍ XML은 HTML에서 XHTML로 이끌었다.

ㆍ XML은 모듈식이다.

ㆍ XML은 RDF와 시멘틱 웹이 토대이다.

ㆍ XML은 라이선트 제약이 없으며, 플랫폼에 독립적이고 많은 지원이 있다.

XML기반의 언어

ㆍRDF

ㆍRSS

ㆍAtom

ㆍMathML

ㆍXHTML

ㆍSVG

HTML과 XML의 차이점
HTML	XML
ㆍ대소문자 구분이 없다. ㆍ미리 정의된(약속된) 태그를 사용한다. ㆍ일부 닫는 태그가 없다.(a 등) ㆍ웹페이지 구조 개발에 중점	ㆍ대소문자를 구분한다. ㆍ사용자가 태그를 임의로 지정한다. ㆍ모든 태그를 닫는다. ㆍ플랫폼 간 데이터를 교환하는데 중점