🗃️Containers

Containers 폴더 소개입니다.

해당 문서는 최근 변경된 next-init의 문서 양식을 따릅니다.

containers 폴더가 없는 레거시 프로젝트의 경우 해당 내용 대신 Components의 내용만 확인하면 됩니다.

next-init에서 사용하는 pages 폴더와 1:1 대응하는 컴포넌트 폴더입니다.

각 페이지에 들어 갈 React 컴포넌트의 최상단 파일들을 모아놓으며 Components 폴더와 완전히 동일한 규칙을 지닙니다.

자세한 컨벤션은 Components 문서를 참고해주세요.

왜 containers 은 components 폴더와 같은 규칙인데 따로 관리되나요? 이전에는 containers 의 모든 파일들이 components 폴더에서 관리되었습니다.

이러다 보니 현재 container에 해당하는 컴포넌트 뿐만 아니라

공용 컴포넌트 또한 같은 폴더 내에 있었기 때문에 폴더 구조가 너무 깊어지는 문제가 있었습니다.

때문에 현재는 각 페이지에 대응하는 최상단 컴포넌트는 container, 공용 컴포넌트는 @common 폴더 없이 사용하게 되었습니다.