파일구조

📦src
 ┣ 📂assets
 ┃ 
 ┣ 📂api
 ┃ ┗ 📜list.tsx
 ┃ ┗ 📜login.tsx
 ┃ 
 ┣ 📂app
 ┃ ┃ 
 ┃ ┣ 📂home
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┃
 ┃ ┣ 📂detail
 ┃ ┃ ┣ 📂[id]
 ┃ ┃ ┃ ┗ 📜page.tsx
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┃
 ┃ ┣ 📂profile
 ┃ ┃ ┗ 📜page.tsx
 ┃ ┃
 ┃ ┣ 📜globals.css
 ┃ ┣ 📜layout.tsx
 ┃ ┣ 📜page.tsx
 ┃ ┗ 📜provider.tsx
 ┃ 
 ┣ 📂components 
 ┃ ┣ 📂common
 ┃ ┃ ┗ 📜Header.tsx
 ┃ ┃ ┗ 📜Footer.tsx
 ┃ ┃ ┗ 📜Navigation.tsx
 ┃ ┃
 ┃ ┣ 📂main
 ┃ ┃ ┗ 📜search.tsx
 ┃ ┃ ┗ 📜Join.tsx
 ┃ ┃ ┗ 📜Login.tsx
 ┃ ┃
 ┃ ┣ 📂detail
 ┃ ┃ ┗ 📜Review.tsx
 ┃ ┗ 📂products
 ┃ ┃ ┗ 📜ProductItems.tsx
 ┃ ┃
 ┣ 📂types 
 ┃ ┣ 📜userType.ts
 ┃ ┗ 📜listType.ts
 ┃
 ┣ 📂utill  : 재사용성
 ┃ ┗ 📂hooks 
 ┃ ┃ ┣ 📂input
 ┃ ┃ ┃  ┗ 📜useInput.ts
 ┃ ┃ ┣ 📂useQuery
 ┃ ┃ ┃  ┗ 📂useLogin
 ┃ ┃ ┃  ┃  ┗ 📜useLogin.ts
 ┃ ┃ ┃  ┗ 📂useList
 ┃ ┃ ┃     ┗ 📜useList.ts
 ┃
 ┣ 📂zustand
 ┃ ┗ 📜usezustand.ts
 ┣ 📂middleware
   ┗ 📜middleware.ts