서버와 클라이언트 작업을 본격적으로 들어가기 전에,
기능과 관련된 내용들을 전체적으로 정리하고, 서버와 클라이언트의 디렉토리 구조를 정하기로 했다.
모든 기능을 쭉 나열해보고,
클라이언트쪽에서는 pages, components 미리 구상해보기를
서버쪽에서는 필요한 API를 구상해보기로 했다.
이렇게 정리가 되었다..!(사실 API는 적는 중이다)
이걸 바탕으로 만들어진 각각의 구조는 다음과 같다.
├── README.md
├── components
│ ├── HeadInfo.tsx
│ ├── Layout.tsx
│ └── search
├── next-env.d.ts
├── next.config.js
├── package-lock.json
├── package.json
├── pages
│ ├── _app.tsx
│ ├── _document.tsx
│ ├── api
│ │ └── hello.ts
│ ├── department
│ │ └── index.tsx
│ ├── explore
│ │ └── index.tsx
│ ├── hospital
│ │ └── index.tsx
│ ├── index.tsx
│ ├── post
│ │ ├── create.tsx
│ │ ├── detail.tsx
│ │ └── edit.tsx
│ ├── profile
│ │ └── index.tsx
│ ├── record
│ │ └── index.tsx
│ └── search
│ └── index.tsx
├── postcss.config.js
├── public
│ ├── favicon.ico
│ └── vercel.svg
├── tailwind.config.js
└── tsconfig.json
├── README.md
├── app.js
├── config
│ └── config.js
├── controllers
│ ├── contact
│ │ ├── index.js
│ │ └── post.js
│ ├── department
│ │ ├── detail.js
│ │ ├── get.js
│ │ ├── index.js
│ │ └── reply.js
│ ├── hospital
│ │ ├── get.js
│ │ └── index.js
│ ├── post
│ │ ├── detail.js
│ │ ├── get.js
│ │ ├── index.js
│ │ ├── post.js
│ │ ├── remove.js
│ │ ├── reply.js
│ │ └── update.js
│ └── user
│ ├── get.js
│ ├── index.js
│ ├── login.js
│ ├── logout.js
│ └── update.js
├── migrations
//생략
├── models
//생략
├── package-lock.json
├── package.json
├── routes
│ ├── contact.js
│ ├── department.js
│ ├── hospital.js
│ ├── index.js
│ ├── main.js
│ ├── post.js
│ └── user.js
└── seeders