728x90 300x250 SMALL 2025/02/141 확장 가능한 컴포넌트 만들기 : Specialization 패턴 사용법 Specialization 패턴은 일반적인 컴포넌트를 만들고, 이를 확장하여 특정 역할을 수행하는 컴포넌트를 만드는 방식이다.일반적으로 props를 활용하여 특정 동작을 추가하거나, 기본 컴포넌트를 확장하여 특화된 기능을 제공한다. 추천 예제버튼 컴포넌트(기본 버튼 vs primary 버튼 vs danger버튼)입력 폼(기본 Input vs Password Input)알림 컴포넌트(일반 알림 vs. 경고 메시지 vs. 성공 메시지)예제 코드function Button({ type, children }) { const className = type === "primary" ? "btn-primary" : "btn-default"; return {children};}function App() { ret.. 2025. 2. 14. 이전 1 다음 728x90 반응형 LIST