react component 나눌때… 어느게 맞을까요?

아키텍처나 컴포넌트 설계, 프론트엔드에서의 디자인 패턴 같은 부분은 정답이라고 정해진게 딱히 없고, 회사마다 사용하는 방식이 다릅니다. 같은 회사 내에서도 프로젝트의 방향성이나 규모 등 여러 상황요인에 따라 기본적인 골조는 같아도 세세한 사항은 그 때마다 맞춰가거든요. 컴포넌트 및 아키텍처 설계에 관련된 내용은 꾸준히 연구되고, 계속해서 새로운 방식이 개발되고 있습니다. 그만큼 프론트엔드 개발자라면 누구나 한번 쯤은 마주하는 난제(?) 같은 녀석이기도 합니다. 이번 기회에 여러 내용을 한번 읽어보시고 학습하고 고민도 해볼 수 있는 좋은 기회라고 생각이 드네요. 질문주신 사항에 대해서는 정답이 없기 때문에 어떻게 하는게 좋다 라고 말씀은 드리지 않겠습니다. 다만 진행중이신 프로젝트의 디자인이나, 기획을 기반으로 기능은 어디부터 어디까지로 나누는게 좋을지 얼마나 재사용이 많이 되는지 상황에 따른 확장성은 어떻게 챙길 것인지 CSS적인 요소는 어떻게 컨트롤 할 것인지 등 여러가지 요인을 생각해보시고 컴포넌트마다 어울리는 방식으로 설계를 하시면 될 것 같습니다. 저는 컴포넌트 설계에서 가장 중요한 것은 “어떻게 설계했는가” 보다는 “왜 그렇게 설계했는가”라고 생각을 합니다. 이런 고민을 해보고 컴포넌트를 만드신 후에, 만들어진 컴포넌트를 기반으로 코드리뷰나 피드백을 받고 하다보면 많은 성장을 하실 수 있을 것 같습니다!