Component 와 Transclude

이 글은 Web Component 자체를 설명하는 것이 아니라, 'transclude'라는 컴포넌트 디자인 패턴의 의미와 활용에 대해 논의합니다. Transclude는 클로저나 람다와 같이 높은 수준의 추상화를 가능하게 하는 도구로 설명됩니다.

글에서는 웹에서 가장 많이 사용되는 `<div>` 태그의 예시를 통해, 작은 기능에 집중하고 나머지 책임은 자식 요소에 위임하는 컴포넌트 설계 원칙을 제시합니다. 또한, 함수형 프로그래밍의 관점에서 카드를 출력하는 함수 예시를 통해, 특정 기능을 다른 함수에 위임하는 'transclude'의 개념을 설명하고, 이를 통해 컴포넌트의 유연성과 확장성을 높일 수 있음을 시사합니다.