-
<javascript> BOM , DOM 에 대해서개발자 2021. 6. 21. 23:40728x90
브라우저 기반의 여러 객체들이 있다.
JavaScript는 이런 웹 브라우저 기반의 객체 위에서 동작하니 잘 알아야 할 필요가 있다.
BOM이란 무엇인가?
웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 모든 서비스는 사실 웹 브라우저를 바탕으로 실행이 된다. 이 브라우저와 관련된 객체들의 집합을 브라우저 객체 모델(BOM: Browser Object Model)이라고 부른다. 이 브라우저 객체 모델(BOM)을 이용해서 Browser와 관련된 기능들을 구성한다. DOM은 이 BOM 중의 하나다.
브라우저 객체 모델(BOM)의 최상위 객체는 window라는 객체다. DOM은 이 window 객체의 하위 객체이기도 하다.
728x90DOM이란 무엇인가?
DOM은 Document Object Model의 약자이다. Document는 문서이고 Object는 객체로 번역이 된다. 그리고 Model은 그냥 모델로 많이 쓴다. 문서 객체 모델로 번역을 할 수 있을것같다.
도대체 이 문서 객체란 것이 무엇일까? 문서 객체란 <html>이나 <body> 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체(object)로 만들면 그것을 문서 객체라고 한다다. (그럼 html문서의 태그들이 객체에 담긴 상태를 의미하는 것일까? )
여기에 Model을 붙였는데 Model이라는 영어 단어에는 모형, 주형이라는 의미도 있고 모듈이라는 의미도 있다. 비슷하게 여기서는 문서 객체를 '인식하는 방식'이라고 해석할 수 있다.
조금 더 명확하게 DOM을 정의해본다면, DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다다. 조금 좁은 의미로 본다면 document 객체와 관련된 객체의 집합을 의미할 수도 있다.
이제 DOM을 보게 되면 웹 브라우저가 html 페이지를 인식하는 방식을 이야기 하거나 문서 객체(document object)와 관련된 객체의 집합에 관한 이야기라는 것을 쉽게 추측할 수 있다.
트리구조로 되어있는 DOM 728x90'개발자' 카테고리의 다른 글
<javascript> 클로저 Closure에 대하여.. (0) 2021.06.20 <javascript> JSON에 대하여.... (0) 2021.06.17 <jquery> .attr(), .prop()의 차이 (0) 2021.06.17 [javascript] 테이블 row, cell 예시 - 구구단 출력 (0) 2021.06.16 [javascript] array method 배열 함수들의 종류에 대해서 (0) 2021.06.15