선언적 섀도 돔(Declarative Shadow DOM)

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

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