선언적 섀도 돔(Declarative Shadow DOM)

선언적 섀도 돔(Declarative Shadow DOM)은 HTML에서 직접 섀도 돔을 구현하고 사용하는 새로운 방법입니다. 기존에는 JavaScript를 통해서만 섀도 돔을 생성할 수 있었지만, 선언적 섀도 돔은 HTML `<template>` 태그와 함께 사용하여 섀도 돔을 선언적으로 정의할 수 있게 해줍니다.

이는 서버 사이드 렌더링(SSR) 환경에서 섀도 돔을 쉽게 적용할 수 있도록 지원하며, JavaScript 실행이 어려운 환경에서도 사용자에게 일관된 경험을 제공하는 데 기여합니다. 웹 컴포넌트의 핵심 기술 중 하나로, 재사용 가능한 컴포넌트 구축에 유용합니다.