건물 구성품

구성요소는 최신 웹 애플리케이션의 빌딩 블록입니다. 자체 구성요소를 빌드할 때 오랜 시간 견딜 수 있도록 하려면 어떤 권장사항을 따라야 하나요? 구성요소는 최신 웹 애플리케이션의 빌딩 블록입니다. 자체 구성요소를 빌드할 때 시간이 지나도 견딜 수 있도록 구성요소를 빌드할 때 따라야 하는 권장사항은 무엇인가요?

코드 아이콘

맞춤 요소

개발자는 맞춤 요소를 사용하여 HTML을 확장하고 자체 태그를 생성할 수 있습니다. 맞춤 요소는 표준 기반이므로 웹의 내장 구성요소 모델의 이점을 누릴 수 있습니다. 그 결과 다양한 컨텍스트에서 재사용할 수 있는 더 모듈식 코드가 생성됩니다. 자세히 알아보기
보더 스타일 아이콘

Shadow DOM

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

권장사항

맞춤 요소와 Shadow DOM은 하위 수준의 프리미티브이므로 다양한 환경에서 강력하고 잘 작동하는 구성요소를 만들기 위해 이를 결합하는 가장 좋은 방법이 항상 명확하지는 않습니다. 이 API로 모든 작업을 실행할 수 있지만 구성요소가 어디서나 원활하게 작동하도록 하기 위한 몇 가지 권장사항을 소개합니다. 자세히 알아보기
탐색 아이콘

예

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