토론간 기록을 남기기 위해 작성한 임시 문서입니다.

개선점

2024.08.12

• __tests__: 필요없음 삭제
• app : 페이지를 위한 폴더
  • (handler) : next의 API handler 폴더 → handler을 위한 폴더임을 나타내기 위해 추가
    • next-auth : next auth 라이브러리용 폴더
  • (client) : 사용자가 만나는 화면 → 사용자 유형 별로 분리
    • (main) : GNB를 가지는레이아웃을 가지는 화면 → 레이아웃 별로 분리
    • (code-editor): Code editor 레이아웃을 가지는 화면 → 레이아웃 별로 분리
  • admin : admin이 만나는 화면 → 사용자 유형 별로 분리
    • utils.ts 파일 _libs 폴더로 옮기기 → 페이지 폴더 루트에는 page, layout, error 등 파일(Next.js 폴더 컨벤션 지키기)만 두기
  • 한 페이지에서만 필요한 컴포넌트: _components 폴더에 묶기
  • 한 페이지에서만 필요한 유틸리티: _libs 폴더에 묶기
  • Dynamic Routes 폴더 이름 명확하게 하기 notice/[id] → notice/[noticeId]
• components : (main), (code-editor), admin 폴더 중 2개 이상의 폴더에서 사용될 경우 넣기
  • (client)에는 _components 사용 x
  • 일단 각 페이지 폴더의 _components 폴더에 넣어서 사용하다가 필요 시에만 해당 폴더에 넣기
  • ui : shadcn 으로 변경하기, https://ui.shadcn.com/docs/components-json → 설치 폴더 바꾸는 방법
    • time-picker , date-picker 해당 폴더로 이동
  • table:
    • DataTable , StandingsTable 컴포넌트 묶기
    • SortButton 등 테이블에서만 사용하는 컴포넌트도 같이 묶기
  • Editor{머시기} 컴포넌트 (code-editor)/_components 로 이동 → 한 폴더에서만 사용하는데 components 에 있던 대표적인 사례
    • CodeEditor.tsx 파일도 이동
• lib : 일반적인 유틸리티 함수 모음 → libs 로 이름 변경 → components.json 에서 유틸리티 폴더 변경 필요
  • hooks : 리액트 훅들 모아두기
    • pagination.ts : usePagination.ts 로 이름 바꾸기
  • 비슷한 종류의 파일이 많아지면 그 때 묶기
  • 배럴 파일은 일단 패스
• mock : 모킹을 위한 폴더 → mocks 로 이름 바꾸기
• public : assets 모음
  • kebab case 네이밍 컨벤션 지키기
  • logos : 각 회사 및 서비스 로고
  • icons : 아이콘 라이브러리에 없는 아이콘
  • banners : 배너에서 사용되는 이미지
  • https://nextjs.org/docs/app/building-your-application/optimizing/static-assets#robots-favicons-and-others → 확인해서 아이콘 옮길 때 조심
• stores : 파일들 네이밍 컨벤션 지키는 지 확인