프로젝트 설계 - boostcamp-2020/Project15-C-Client-Based-Formula-Editor GitHub Wiki

⚙ 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__

📚 ERD 설계

image