프레임워크 폴더 구조에 대해 설명하는 페이지입니다.

<aside> <img src="/icons/map_blue.svg" alt="/icons/map_blue.svg" width="40px" /> Front-end

src
├── app
|		├── login
|   |    └── page.tsx
|   ├── layout.tsx
|   └── page.tsx
├── components 
|   ├── common
|   └── auth
├── containers  
|   ├── common
|   └── auth      
├── hooks  
|   └── hooks.ts
├── lib  
|   └── api       
|       └── auth.ts
├── store  
|   ├── modules
|   |   └── auth.ts
|   └── store.ts     
├── styles    
|   └── AuthForm.scss    
└───types           
    └── User.ts

</aside>

<aside> <img src="/icons/map_blue.svg" alt="/icons/map_blue.svg" width="40px" /> Back-end

src
├── app.js          # App entry point
├── api             # Express route controllers for all the endpoints of the app
├── config          # Environment variables and configuration related stuff
├── jobs            # Jobs definitions for agenda.js
├── loaders         # Split the startup process into modules
├── models          # Database models
├── services        # All the business logic is here
├── subscribers     # Event handlers for async task
└── types           # Type declaration files (d.ts) for Typescript

</aside>