컴포넌트를 분리하는 기준

Question

다른 분들이 컴포넌트를 분리하는 기준이 궁금합니다.

갑자기 규모있는 프로젝트를 하게 되었는데
어떤 컴포넌트는 50줄도 안되는 반면 어떤 컴포넌트는 300줄이 넘어가서 너무 분리를 안시킨 것이 아닐까라는 생각이 들었습니다.

하지만 제가 생각하기에 컴포넌트 분리 기준은 기능과 역할, 재사용성에 있다고 생각하는데 최대한으로 쪼개도 특정 컴포넌트는 300줄이 넘어가게 되는데 이게 괜찮은 것인지 궁금하네요..

줄바꿈이 많은 이유도 있긴 하겠지만 한 컴포넌트가 코드의 길이가 길어지면 가독성이 나빠져 어떻게 하는 게 좋을지 모르겠네요..

추가로 다른 분들은 인터페이스 또는 타입 정의하는 부분을 따로 빼서 모듈로 관리하는 지도 궁금합니다!

조재일 · Answer

팀마다 다르고 개인이 생각하는 기준마다 다르다고 합니다

개인적으로 저는 재사용성이 높은 작은 컴포넌트가 많은 경우 아토믹디자인을 따르고 있습니다

하지만 재사용성이 높지 않으면 화면을 봤을때 역할별로 나누는 편입니다