Community

리액트에서 components 폴더를 어떤 기준으로 구분해야 할까요?

안녕하세요. 주니어 프론트엔드 개발자입니다. 고민이 있어서 이렇게 질문을 드려요. 현재 회사에서 프로젝트 크기가 꽤 큰 작업을 하고 있어요. 어드민 페이지의 메이저 버전 업데이트를 리액트로 만들고 있습니다. 여기서 고민이 components 폴더와 pages 폴더의 구분을 어떻게 해야할지 모르겠습니다. 폴더의 이름처럼 pages엔 페이지 단위의 컴포넌트를, components 폴더엔 더 작은 단위의 컴포넌트들을 넣다보니, 복잡성이 늘어나는 느낌이 들어요. 그래서 제가 생각한 방안은 pages 폴더에 페이지 단위의 폴더를 만들어 관련된 컴포넌트들을 그곳에서 관리하고, components 폴더엔 재사용의 목적인 컴포넌트만 넣는 거에요.(e.g. ON/OFF 버튼) 다른 곳에서도 조언을 구했어요. 어떤 분은 후자의 방법으로 해봤는데, 오히려 더 보기가 어려워서 components 폴더 내에 common 폴더를 만들어 관리한다고 하더라구요. 사내에서 혼자 프론트 개발을 하다보니 다양한 경험 공유가 필요해요. 조언이나 경험들을 말씀해 주시면 감사하겠습니다!

Loading...

알림

알림이 없습니다