폴더 구조

폴더 구조

├── public
|  ├── fonts
|  ├── icons
|  └── images
├── README.md
├── src
|  ├── api  // api 관련 파일들 관리 폴더
|  ├── components  // component 폴더
|  ├── hooks  // custom hook 관리 폴더
|  ├── pages  // 페이지 관리 폴더
|  ├── styles  // css 관리 폴더
|  ├── types  // type 관리 폴더
|  └── utils  // 함수 관리 폴더

예시

• api
  • axios.ts
• components
  • common
    • Button
      • Button.tsx
    • Input
      • Input.tsx
  • Folder
    • Folder.tsx
    • FolderHeader.tsx
    • FolderFooter.tsx
  • Login
    • Login.tsx
• hooks
  • common
    • 공통 hook
  • Folder
    • useChange.ts
    • useFolder.ts
  • Login
    • useAuth.ts
• public
  • icons - svg
  • images - png, jpg
  • fonts - woff2, woff
• styles
  • global.css
• constants
• types
• utils
  • validation.ts
  • 함수들
• pages
  • signin
    • index.tsx
  • folder
    • [id].tsx
  • index.tsx