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