구성요소는 최신 웹 애플리케이션의 빌딩 블록입니다. 자체 구성요소를 빌드할 때 오랜 시간 견딜 수 있도록 하려면 어떤 권장사항을 따라야 하나요?
구성요소는 최신 웹 애플리케이션의 빌딩 블록입니다. 자체 구성요소를 빌드할 때 시간이 지나도 견딜 수 있도록 구성요소를 빌드할 때 따라야 하는 권장사항은 무엇인가요?
맞춤 요소
개발자는 맞춤 요소를 사용하여 HTML을 확장하고 자체 태그를 생성할 수 있습니다. 맞춤 요소는 표준 기반이므로 웹의 내장 구성요소 모델의 이점을 누릴 수 있습니다. 그 결과 다양한 컨텍스트에서 재사용할 수 있는 더 모듈식 코드가 생성됩니다.
자세히 알아보기
Shadow DOM
Shadow DOM은 구성요소 스타일과 마크업 캡슐화를 제공하는 웹 표준입니다. 페이지에서 다른 CSS 또는 JavaScript가 작동하는 경우에도 구성요소가 모든 환경에서 작동하도록 하므로 웹 구성요소에서 매우 중요한 부분입니다.
자세히 알아보기
권장사항
맞춤 요소와 Shadow DOM은 하위 수준의 프리미티브이므로 다양한 환경에서 강력하고 잘 작동하는 구성요소를 만들기 위해 이를 결합하는 가장 좋은 방법이 항상 명확하지는 않습니다. 이 API로 모든 작업을 실행할 수 있지만 구성요소가 어디서나 원활하게 작동하도록 하기 위한 몇 가지 권장사항을 소개합니다.
자세히 알아보기
예
HowTo-Component는 맞춤 요소 및 Shadow DOM 권장사항을 보여주는 요소의 집합입니다. 이러한 요소는 프로덕션 환경에서 사용하기 위한 것이 아니며, 권장사항을 실제로 구현하는 데 도움이 되는 교육 보조 자료로 제공됩니다.
자세히 알아보기
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2017-08-14(UTC)"],[],[]]