본문 바로가기
AI월드/⚙️AI BOOTCAMP_Section 3

DOM 개념_Day48

by khalidpark 2021. 3. 15.

문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. 

 

DOM은 문서의 구조화된 표현(structured representation)을 제공하며 

프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 

그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. 

 

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

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

 

DOM 은 프로그래밍 언어는 아니지만

DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다.

문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는

문서를 위한 document object model 의 한 부분이다.

때문에, 이러한 요소들을 DOM 과 자바스크립트와 같은 스크립팅 언어를 통해 접근하고 조작할 수 있는 것이다.  

 

API (web or XML page) = DOM + JS (scripting language)

 

 

출처 : developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

 

DOM 소개 - Web API | MDN

DOM 소개 이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지

developer.mozilla.org

출처 : wit.nts-corp.com/2019/02/14/5522

 

DOM은 정확히 무엇일까? | WIT블로그

최근 잘못 이해하고 있었던 DOM에 대해 정확한 개념을 정리해 보고자 What, exactly, is the DOM? 문서를 번역해 보았습니다.

wit.nts-corp.com

https://i.ytimg.com/vi/RbQGn6vBlys/maxresdefault.jpg

 

728x90

댓글