Web Components(2): Custom Elements

이 글은 Web Components의 핵심 표준 중 하나인 Custom Elements에 대해 다룹니다. Custom Elements를 사용하면 `<div>` 대신 `<current-time>`과 같이 의미에 맞는 사용자 정의 태그를 만들어 HTML Element와 JavaScript Class를 결합할 수 있습니다.

글에서는 Custom Elements의 기본적인 사용법과 함께 `constructor`, `observedAttributes`, `connectedCallback`, `disconnectedCallback`, `attributeChangedCallback`, `adoptedCallback`과 같은 주요 콜백 메서드들을 예제 코드를 통해 설명합니다. 또한, IE11 이상 지원 및 Polyfill 필요성에 대한 언급도 포함되어 있어, 웹 컴포넌트 개발 시 고려해야 할 사항들을 제시합니다.