컨텐츠

2024-04-15 23:52 낱글, 활용

기능과 UI를 분리하는 Headless Component 이야기

UI 컴포넌트는 크게 로직과 상태, 그리고 UI 요소로 구성되지요. Headless는 단어에서 드러나듯이 "머리 없는"이라는 뜻으로, 머리(head)는 사용자에게 보여지는 UI를 상징하니, 시각적인 부분을 직접 제어하지 않는 것을 의미하는 거예요. 따라서, Headless Component는 UI가 없이 로직이나 상태 관리만을 담당하는 컴포넌트를 의미합니다. 이러한 컴포넌트는 UI의 구현을 외부에 위임하며, 개발자는 이를 사용하여 자신만의 커스텀 UI를 쉽게 만들 수 있습니다.
푸딩캠프 뉴스레터를 구독하면 학습과 성장, 기술에 관해 요약된 컨텐츠를 매주 편하게 받아보실 수 있습니다.