개발 목표 - boostcamp-2020/Project15-A-Client-Based-Formula-Editor GitHub Wiki

👍 걱정없조의 Project15-A-Client-Based-Formula-Editor

🥅 목표: 블로그에서 제공하는 네이버 스마트에디터의 수식 편집기와 유사한 새로운 UX/UI의 수식 편집기를 개발하는 프로젝트

  1. 사용자에게 친화적인 레이아웃
     - 사용자들이 불편하지 않게 최대한 간편한 UI로 구현

  2. 반응형 레이아웃
     - 브라우저의 크기에 따른 레이아웃 크기 유동적인 변화

  3. 계획한 기능 구현
     - 백로그에 작성한 기능을 최종적으로 구현하는 것이 목표

  4. 다른 브라우저와의 호환성  
     - 크롬 브라우저뿐 아니라 다른 브라우저와의 호환성을 목표(사파리)

  5. 최소한의 렌더링 
     - 전체 렌더링이 아닌 부분적인 렌더링을 구현 할 수 있도록 하는 것이 목표

  6. 버그가 없는 프로그램 
     - 프로그램이 에러 혹은 버그가 없어야 함

  7. 한 사람이 짜는 것처럼 구현
     - 코드 컨벤션을 최대한 잘 지켜서 한 사람이 짜는 것처럼 구현하는 것이 목표

👍 구현해야 할 사항

  1. 기본 편집
     - 웹 브라우저에서 HTML/CSS를 이용한 수식표현
     - 키보드 입력, GUI 입력 구현
     - Tex(LaTex) 편집 지원
  2. 스타일 속성 편집 및 문자 삽입
     - 수식 폰트 크기 설정 
     - 수식 폰트 컬러 설정
     - 수직 정렬 설정
     - 준비된 기호와 문자를 편집기 커서 위치에 삽입 지원 
  3. 템플릿
     - 다양한 수식 형태의 템플릿 모음 제공
     - 템플릿 모음 편집 지원
  4. 편집 확장
     - 수식을 N개 이상의 탭에서 멀티 지원
     - 수식을 N줄 이상으로 표현하고 편집 지원
  5. 출력
     - 이미지 파일 생성 및 다운로드 지원 
     - HTML+CSS 형태의 공유 기능 지원

  6. 선택 구현 사항
     - 그림판 기능(사용자가 수식을 편집하다가 강조할 부분이 생길 경우 색상으로 표시 가능)
     - 그래프 기능(수식으로 된 부분을 그래프로 변환하기 위해서 구현)
     - drag & drop : 커서의 불편함을 해소(커서의 움직임 없이 원하는 공간에 drag & drop으로 구현 가능)
     - 배경화면 변경 : 수식 편집하는 사용자 입장에서 다양한 UI를 제공함으로써, 사용자에게 친숙한 프로그램으로 탈피