header component1 React Native - 기본 Template Component 만들기(3) 이번 Template Component 는 기존 앞의 두 개 포스트와는 다른 좀 더 복잡하지만 효용성이 높은 Compound Component Design 패턴을 이용하여 만들어 보겠습니다. 우선 Compound Component Design에 대해 간단히 설명하고 사례를 들어보면 이해가 좀 더 쉽게 될 것 같습니다. 1. Compound Component Design일반 컴포넌트와 다른 점은 다음과 같습니다.일반 컴포넌트 : 단일 컴포넌트로 구성되며, props를 통해 데이터나 함수를 전달 받음: 로직과 UI가 하나의 컴포넌트에 집중컴파운드 컴포넌트 : 여러 개의 관련 컴포넌트를 하나의 부모컴포넌트에 그룹화하여 구성함: 부모 컴포넌트가 전체 로직과 상태를 관리하고, 자식 컴포넌트들과 공유: 로직은 부.. 2024. 11. 13. 이전 1 다음 반응형
