DOM(Document Object Model) 은 무엇이고 BOM(Browser Object Model) 은 무엇일까요?? 브라우저 window 는 DOM(Document Object Model)

DOM(Document Object Model) 은 무엇이고 BOM(Browser Object Model) 은 무엇일까요?? 브라우저 window 는 DOM(Document Object Model) 과 BOM(Browser Object Model) 을 제공합니다. 1. BOM 은 브라우저에서 일어날 일들(navigator, fetch, location...) 을 프로그래밍 할 수 있게 해줍니다. 2. DOM 은 HTML 을 브라우저 엔진이 파싱하여서 Tree 구조의 객체를 만듭니다. 그리고 이 DOM Tree 는 각각의 Node 들로 구성됩니다. (head, body, h1, p, div등) 그리고 이 Node 들은 상속 구조를 가지고 있는데요. h1 태그인 HTMLHeadingElement 를 예를 들자면 HTMLHeadingElement -> HTMLElement -> Element -> Node 이런식입니다. 타입스크립트를 하다보면 DOM 과 Node 의 상속구조에 관련한 지식이 필요한것을 느껴서 이에 관련해서 간단히 포스팅을 해보았습니다. 이런 기본적인 상속관계를 알면 DOM 요소의 고유 기능과 무엇을 사용할 수 있는지 파악할 수 있습니다.