/Project15-A-Client-Based-Formula-Editor

✖➗➕ 수식판 ➖ 수식편집도 즐겁게, 필요한 모든게 있는 곳에서!

Primary LanguageTypeScript

Project15-A-Client-Based-Formula-Editor

그림판,그래프, 수식 편집 따로따로 불편하셨죠? 개선된 UX/UI 환경에서 모두 작업하세요! 통합 수식 편집기

💻 배포 주소

http://www.formulaEditor.co.kr

📺 데모 영상

데모 영상

  • 팀 그라운드 룰, 스프린트 과정의 기록을 남깁니다.
  • 저희의 wiki가 궁금하시다면? 위의 사이트를 참고하세요!

👬 Member

걱정없조의 핵심 브레인

J099 J148 J161
👨‍🏫 송진현 @thdwlsgus0 😺 이수경 @LeeSuKyeong 🐑 이지은@zlrlo

💡 주요 기능

🕹 수식 스타일 변경

수식도 나만의 스타일로 꾸며보세요! 폰트 색상, 크기, 정렬, 기울임을 자유자재로!

🕹 수식 편집 영역 리사이징

우리가 작성하는 수식이 절대 가려지면 안돼! Resizing으로 사용자가 원하는대로 영역 확대, 축소

🕹 drag & drop을 이용한 수식 입력

원하는 위치까지 커서 언제 가져다가 입력할래? Drag&Drop으로 쉽고 간편하게!

🕹 그림판 기능

그림판 기능으로 수식 주변을 원하는대로 꾸며보세요!

🕹 애니메이션 배경화면

그냥 흰 바탕은 심심한데? 배경화면을 추가해볼까?? 비와 눈 2가지 테마에서 수식 편집하고 저장까지!

🕹 멀티탭

수식 하나 쓰고 지우고 새로 쓰고 귀찮아... 그냥 여러개 켜놓고 하자! 수식 멀티탭 기능

🕹 REDO / UNDO / CLEAR

앗... 쓰다가 실수해버렸어 걱정마! 수식의 타임머신 지원하거든😆

🕹 수식 그래프

수식 입력, 그래프 따로 그릴래? 한번에 하자! 수식 입력 시, 그래프도 볼 수 있어요

⚙️ 기술 스택

📖 프로젝트 사용 방법

  1. 디렉토리 이동

    cd Project15-A-Client-Based-Formula-Editor
    
  2. package.json에 정의된 패키지 설치

    npm i
    
  3. webpack server 실행

    npm start
    
  4. webpack build

    npm build
    

👬 프로젝트의 이슈 및 PR

GitHub Open Issues GitHub Closed Issues GitHub Open PR GitHub Closed PR