React 컴포넌트와 추상화

이 게시물은 React 컴포넌트를 어떻게 더 잘 추상화할 수 있을지를 설명합니다.

컴포넌트의 장점

• 재사용성
• 관심사의 분리
• 응집도 있는 로직

책임 나누기

프런트엔드의 컴포넌트는 단일 책임 원칙(SRP)에 따라 각 컴포넌트가 하나의 책임만을 수행하도록 나누는 것이 중요합니다. 예를 들어, TextInput 컴포넌트는 텍스트 입력을 담당하며, 이를 통해 코드의 변경에 유연하게 대응할 수 있습니다.