웹 컴포넌트

이 글은 웹 컴포넌트(Web Component)에 대해 설명합니다. 기존 HTML 엘리먼트는 브라우저 및 운영체제에 따라 다르게 보이고 웹 환경 발전에 한계가 있어 JavaScript 컴포넌트로 보완해왔습니다.

하지만 JavaScript 컴포넌트는 사용이 어렵고 크기가 커서 느리다는 단점이 있습니다. W3C는 이러한 문제를 해결하기 위해 웹 컴포넌트 명세를 만들었습니다.

글에서는 웹 컴포넌트의 구성 요소인 템플릿, 데코레이터, 커스텀 엘리먼트, 섀도 DOM에 대해 다룰 예정입니다. 웹 컴포넌트는 브라우저와 운영체제에 상관없이 일관된 UI를 제공하고, JavaScript 컴포넌트의 단점을 개선하여 웹 개발의 효율성을 높이는 것을 목표로 합니다.