웹 컴포넌트(Web Components)는 개개의 HTML 요소들의 캡슐화와 상호운용을 가능케 하는 웹을 위한 표준 컴포넌트 모델을 제공하는 기능들의 모임이다.^[1]

웹 컴포넌트를 만들기 위해 사용되는 주요 기술들은 다음을 포함한다:^[2]

• 커스텀 요소: 새로운 HTML 요소를 정의하기 위한 API
• 섀도 DOM: 캡슐화된 DOM 및 스타일 (합성 포함)
• HTML 템플릿: 렌더링되지 않았지만 자바스크리트를 통해 시작할 때까지 저장되는 HTML 부분

• 웹 프레임워크
• 웹 리소스

• 웹 컴포넌트 - 공식 웹사이트
  • (영어) Webcomponents - 깃허브
• Web Components Specifications WICG
  • (영어) webcomponents - 깃허브 WICG specifications
• Web Components at MDN Web Docs
• Browser Support for Custom Elements at Can I Use?
• Custom Elements Everywhere - Framework Support for Custom Elements
• Open Web Components
• What are Web Components?^{[깨진 링크(과거 내용 찾기)]}
• twoBirds