DOM이란 무엇일까? (Document Object Model)

JavaScript를 공부하다가, 뜬금없이 DOM이 나오길래.. 뭐지 이녀석은.,, 하면서 글을 정리해본다.

---

DOM

풀네임은 "Document Object Model" 이다.

 

html을 작성하다 보면, html 파일안에 css 도 불러오고 js도 불러온다.

html은 어떻게보면 하나의 확장자로고도 볼 수 있는데 ( .html / .css / .js / .img / .doc)

다른 파일( .css, .js)를 어떻게 쉽게 불러와서 사용할 수 있을까?? (극단적인 예로 한글파일에서는 워드 파일을 불러올 수 없으니까..)

 

이것을 가능하게 하는 것이 DOM이다.

 

---

DOM의 역할

Document Oject Model

즉, (문서 객체 모델링인데)

• Document : html, 브라우저
• Object : 자료형 (js)

쉽게 정리하여 예를들면, html 문서를 Object 자료형으로 모델링하여 JavaScript가 이해할 수 있게 전해주는 것이다.

 

 

---

그럼 DOM은 어디에..?

 

Dom은 브라우저에 기본적으로 내장되어있는 API인데,

API란, (Application Programming Interface)

Interface, 즉 브라우저끼리 호환할 수 있도록 해준다는 것이다.

 

 

완벽하게 정확한 내용은 아닐테지만, 간단하게 DOM의 개념만 알고싶다면 이정도로 이해해도 되지 않을까?

 

참고

https://publessing.io/ko/