부스토랑

수식 셰프는 크롬 확장프로그램을 통해 어느 웹 사이트에서나 수식을 편집하고, 적용할 수 있는 서비스를 제공합니다. 일회성이 강한 기존 수식 편집기의 단점을 보완하여 지속가능한 수식 편집 서비스를 제공하는 것을 목표로 프로젝트를 진행하였습니다.

📩 Download URL

• 🔗 크롬 확장프로그램 다운
• 🐳 웨일 확장프로그램 다운

❓ 수식 셰프 사용법

❗ 우리팀의 기술 특장점

📚 Wiki 보러가기

📺 프로젝트 홍보 영상

사진을 클릭하면 유튜브 페이지로 이동합니다

⚙️ 주요 기능

1. 수식 편집 지원

• 적분, 삼각함수, 행렬 등의 다양한 수식을 지원
• 키보드 및 GUI 입력 지원

---

2. 수식 추천 기능 지원

• 사용자 편리성 증진을 위해 수식 추천 기능 지원
• '@' 입력 시, 수식 추천 리스트 생성

---

3. 수식 사전 제공

• 사용 빈도가 높은 수식들로 구성된 수식 템플릿 지원
• 주제별 필터 기능 및 검색 기능 지원

---

4. 네이버 소셜 로그인 및 즐겨찾기 기능 지원

• 네이버 소셜 로그인 지원
• 자주 사용하는 수식을 등록 후 재사용할 수 있는 즐겨찾기 기능 지원

---

5. 공학용 계산기 지원

• 기본 사칙연산을 포함한 공학용 계산 지원

---

6. 최소화 모드 지원

• 사용자 편리성 증진을 위해 최소화 모드 지원
• 최소화 모드에서는 Latex 입력 및 이미지 저장, 텍스트 저장,

---

7. 웹 에디터에 수식을 적용할 수 있는 클립보드 복사 기능 지원

• 클립보드 복사 버튼 클릭 시, 웹 에디터 사이트에 Ctrl + v로 복사 가능
• Notion, Naver Blog, Google Docs 등 다양한 사이트에 적용 가능

---

⚒️ 기술 스택

📘 Front-End : React, Typescript, Redux, Emotion, Webpack & Babel, Mathquill Library

📗 Back-End : Express, Typescript, Mysql2, TypeORM, NCloud

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

👩🏻‍💻 Members

🖥️ Full Stack	🖥️ Full Stack	🖥️ Full Stack	🖥️ Full Stack
J032 김동현	J067 문건우	J073 박기호	J175 장우영
Hack Your Life 😎	코드는 이쁘게 ^_^	🔥Inner Peace🔥	장그래

⭐ Show your support

Please ⭐️ this repository if this project helped you!