프로젝트 설계

⚙ Component

components
    - 재료 Materials (Common 재사용할 수 있는)
        - Button
        - Dropdown
        
    - 요리 Cook (common을 써서 만듦)
        - FormulaList
        - HeaderButtons
        - Tab
        - Contents
        - TexInput
        - DrawInput
        - FormulaDictionary
        - Favorites
        - InputArea
        - OutputArea
        - SaveOutput
        
    - 세트 Set (요리를 조합)
        - Header
        - Main
        
    - 코스 요리 Restaurant (pages)
        - MainPage
        
    - 부스토랑 (Our Team)

common
- Button
- Dropdown
pages
- Header
  - 수식 드롭다운 메뉴 (FormulaList)
  - 클리어/로그인 ( HeaderButtons )
  - ESC ( x )
- Main
  - 탭 목록 (Tab)
  - 본문 (Contents)
    - 입력창 (InputArea)
      - Tex 입력 (TexInput)
      - 그리기 (DrawInput)
      - 수식사전 (FormulaDictionary)
      - 즐겨찾기 (Favorites)
    - 출력창 (OutputArea)
  - 종류별로 저장 버튼 (SaveOutput)

🗂 Directory

server

🗃 Project Folder  
📁server  
├── app.js
├── 📁src  
│   ├── 📁controllers 
│   ├── 📁entity
│   ├── 📁repository
│   ├── 📁router
│   │   ├── 📁user
│   │   └── 📁favorite
│   ├── 📁service
│   ├── 📁types
│   ├── 📁utils  
│   └──📁views
└── 📁__tests__

client

📁client  
├── 📁public
│   ├── 📁image    
│   ├── background.js  
│   ├── content.css
│   ├── icon.png
│   ├── manifest.json
│   └── index.html
└── 📁src
    ├── App
    ├── 📁components  
    │   ├── index.tsx   
    │   ├── style.ts
    │   └── use(폴더명).ts
    ├── 📁contexts
    │   ├── index.ts   
    │   ├── 📁latex
    │   └── 📁user
    ├── 📁hooks
    ├── 📁lib  
    │   ├── 📁apis
    │   ├── 📁constants
    │   └── 📁utils
    ├── 📁pages
    └── 📁__tests__