핵심 답변
📌 1. 단일 책임 원칙(SRP)하나의 컴포넌트는 하나의 역할만 담당합니다. 너무 많은 역할이 모이면 컴포넌트 분리를 고려합니다.
📌 2. 재사용성props를 활용해 다양한 케이스를 처리할 수 있도록 설계합니다.
📌 3. 합성(Composition)
children prop이나 render props 패턴으로 컴포넌트를 조합합니다.📌 4. 관심사 분리UI 로직과 비즈니스 로직을 분리합니다. 커스텀 훅으로 로직을 분리하는 것이 좋습니다.
📌 5. 적절한 추상화너무 작거나 너무 큰 컴포넌트는 유지보수를 어렵게 합니다.
핵심 용어
📌 단일 책임 원칙(Single Responsibility Principle)하나의 컴포넌트는 하나의 이유로만 변경되어야 합니다. 얬러 관심사를 한 컴포넌트에 담으면 테스트와 유지보수가 어려워집니다.
📌 커스텀 훅(Custom Hook)컴포넌트에서 상태와 로직을 분리하는 방법입니다. use로 시작하는 함수로 여러 컴포넌트에서 로직을 재사용할 수 있습니다.