🗳️Code Style
Pages 파일의 Code Style 역시 Naming 제외하면 대부분 권장사항입니다.
1. Component Naming
거의 모든 .tsx 파일들이 폴더명 - 컴포넌트 명을 동일하게 사용하지만, pages만은 예외입니다.
이는 보통 containers 폴더에서 컴포넌트를 import 하여 사용하기 때문인데, import 한 컴포넌트 명 또한 해당 pages의 컴포넌트 명과 동일해지기 때문입니다.
그렇기 때문에 pages 폴더에서 생성한 컴포넌트 파일은 접미사로 Page를 붙여주세요.
2. Header
각 페이지별 상단에 보여줄 타이틀을 추가합니다.
나머지 설정은 Next Seo 라이브러리를 사용하여 설정합니다.
3. Layout
일반적으로 공식문서에서 사용하는 Next의 Layout이 아닌 Chakra 라이브러리를 사용하여 미리 작성한 Layout 컴포넌트를 사용합니다.
Page 단에 구현 코드는 최소화 하고, 각 페이지에 맞는 Layout 컴포넌트를 직접 생성하여 사용해주세요.
4. ETC
그 외 SSR를 위한 fetcing 과 같은 사항은 필수사항이 아니기 때문에 Next 공식문서를 참고하여 편한 방법대로 작성하면 됩니다.
만약 그 외에 함께 적용할 더 좋은 규칙이 있다면 공유해주세요.
Last updated
