vite) typeScript 프로젝트 폴더 구조

1) assets 폴더
: 정적 자원을 저장하는 디렉토리

assets
│
├── images
│   ├── logo.png
│   ├── background.jpg
│   └── ...
│
├── fonts
│   ├── OpenSans-Regular.ttf
│   ├── Roboto-Bold.ttf
│   └── ...
│
├── css
│   ├── GlobalStyle.css
│   └── ...

2) axios 폴더
: Axios 라이브러리를 사용하여 HTTP 요청을 수행하는 디렉토리

axios
│
├── api
│   ├── todos.ts
│   └── ...

3) components 폴더
: 프로젝트에서 사용되는 리액트 컴포넌트들을 보관하는 디렉토리

components
│
│
├── common
│   ├── Header.tsx
│   ├── Footer.tsx
│   └── ...
│
├── Main.tsx
├── TodoForm.tsx
├── TodoList.tsx
├── TodoListItem.tsx
└── ...

4) store 폴더(Reudx)
: 전역 상태 관리를 위한 데이터 저장소

store
│
├── config
│   ├── configStore.ts
│   └── ...
│
├── modules
│   ├── modalForm.ts
│   └── ...

5) styles 폴더
: 스타일 시트 파일들을 관리하는 디렉토리

styles
│
├── Common.tsx
├── Form.tsx
├── List.tsx

6) utils 폴더
: 공통으로 사용되는 함수들을 모아 관리하는 디렉토리

utils
│
├── iterfaces
│   ├── TodoInterface.ts
│   └── ...
│
├── hooks
│   ├── useInput.ts
│   ├── useRedux.ts
│   └── ...