건물 구성품

구성요소는 최신 웹 애플리케이션의 구성요소입니다. 자체 구성요소를 빌드할 때 시간이 지나도 변함없이 유지되도록 하려면 어떤 권장사항을 따라야 하나요? 구성요소는 최신 웹 애플리케이션의 구성요소입니다. 자체 구성요소를 빌드할 때 시간이 지나도 견딜 수 있도록 하려면 어떤 권장사항을 따라야 하나요?

코드 아이콘

커스텀 요소

맞춤 요소를 사용하면 개발자가 HTML을 확장하고 자체 태그를 만들 수 있습니다. 커스텀 요소는 표준을 기반으로 하므로 웹의 기본 제공 구성요소 모델을 활용할 수 있습니다. 그 결과 다양한 컨텍스트에서 재사용할 수 있는 더 모듈화된 코드가 생성됩니다. 자세히 알아보기
테두리 스타일 아이콘

섀도 DOM

Shadow DOM은 구성요소 스타일 및 마크업 캡슐화를 제공하는 웹 표준입니다. 이는 웹 구성요소 스토리에서 매우 중요한 부분입니다. 페이지에서 다른 CSS 또는 JavaScript가 작동 중인 경우에도 구성요소가 모든 환경에서 작동하도록 보장하기 때문입니다. 자세히 알아보기
완료 아이콘

권장사항

맞춤 요소와 shadow DOM은 저수준 프리미티브이므로, 이들을 결합하여 다양한 환경에서 잘 작동하는 강력한 구성요소를 만드는 가장 좋은 방법이 항상 명확한 것은 아닙니다. 이러한 API를 사용하면 거의 모든 작업을 수행할 수 있지만, 구성요소가 어디서나 잘 작동하도록 하는 데 도움이 되는 몇 가지 권장사항을 소개합니다. 자세히 알아보기
탐색 아이콘

예

HowTo-Components는 맞춤 요소 및 Shadow DOM 권장사항을 보여주는 요소 집합입니다. 이러한 요소는 프로덕션에서 사용하기 위한 것이 아니라 권장사항 제안을 실제 구현에 매핑하는 데 도움이 되는 교육 보조 도구로 제공됩니다. 자세히 알아보기