[Next.js 14] 클린 코드를 위한 규칙

 

프로젝트 규모가 커지면 커질수록 코딩을 하는게 귀찮아진다.

시간이 소비되는 가장 큰 문제가 "할수는 있는데 너무 피곤하고 귀찮다" 이런 생각을 많이 가지게 되고 

게을러지게 되어서 시간 소비가 상당해짐.

 

어느정도 정리가 필요한데 정리 방식

 

 

정적 파일 관련

1. svg 파일은 /public/svg/ 폴더 내부에 넣기

2. image 파일은 /public/image 폴더 내부에 넣기

 

api 관련

1. /app/lib 폴더를 만들고 주제별로 하위 폴더를 생성

2. 파일 이름은 "api_목적.ts" 형식으로

3. api 관련 함수 이름은 "api_주제_목적" 으로 만들것

 

localStorage, sessionStorage 관련한 모든 로직

1. /app/lib/localStorage/.*

2. /app/lib/sessionStorage/.*

 

css 관련

1. /app/css 내부 주제별로 폴더를 만들고 안에 넣음

 

타입 관련

1. 이름은 "type_주제_소주제"

2. 파일은 app/lib에 주제별 폴더 내부에 type_목적.ts 파일 만들어서 넣음.