Item 55 DOM 계층 구조 이해하기
Last updated
Last updated
다음은 DOM 타입의 계층들이다.
Type | Examples |
---|---|
브라우저에서 사용되는 다양한 계층을 알 수 있다. 자세한 내용은 책에서...
JS를 사용할 때는 신경 쓰지 않았겠지만, DOM에는 타입 계층 구조가 있다. DOM 타입은 타입스크립트에서 중요한 정보이며, 브라우저 관련 프로젝트에서 TS를 사용할 때 유용하다.
Node, Element, HTMLElement, EventTarget 간의 차이점, 그리고 Event와 MouseEvent의 차이점을 알아야 한다.
DOM 엘리먼트와 이벤트에는 충분히 구체적인 타입 정보를 사용하거나, 타입스크립트가 추론할 수 있도록 문맥 정보를 활용해야 한다.
EventTarget
window, XMLHttpRequest
Node
document, Text, Comment
Element
HTMLElement, SVGElement 포함
HTMLElement
<i>, <b>
HTMLButtonElement
<button>