웹 컴포넌트(2) - 커스텀 엘리먼트

이 글은 Web Components의 주요 표준 중 하나인 Custom Elements에 대해 설명합니다. Custom Elements를 사용하면 `<div>` 대신 `<current-time>`과 같이 의미 있는 태그를 직접 정의하여 HTML Element와 JavaScript Class를 결합할 수 있습니다.

글에서는 Custom Elements의 사용법을 예시 코드를 통해 보여주며, `constructor`, `observedAttributes`, `connectedCallback`, `disconnectedCallback`, `attributeChangedCallback`, `adoptedCallback`과 같은 주요 콜백 메서드의 역할과 사용법을 설명합니다. 또한, 브라우저 지원 현황과 Polyfill의 필요성에 대해서도 언급하며, 이를 통해 긴 MutationObserver 코드를 대체할 수 있다는 장점을 강조합니다.