웹 컴포넌트(Web Components)의 Shadow DOM이란 무엇인가요?
어려움 MDN Web Docs해설
Shadow DOM은 웹 컴포넌트의 핵심 기술로, 컴포넌트 내부의 HTML 구조와 CSS 스타일이 외부 문서에 영향을 주거나 받지 않도록 격리합니다. element.attachShadow({mode: 'open'})으로 생성하며, 재사용 가능한 독립적 UI 컴포넌트를 만들 수 있습니다.
Shadow DOM은 웹 컴포넌트의 핵심 기술로, 컴포넌트 내부의 HTML 구조와 CSS 스타일이 외부 문서에 영향을 주거나 받지 않도록 격리합니다. element.attachShadow({mode: 'open'})으로 생성하며, 재사용 가능한 독립적 UI 컴포넌트를 만들 수 있습니다.
