수식 편집기 사이트 리서치 - boostcamp-2020/Project15-B-Client-Based-Formula-Editor GitHub Wiki

네이버 카페 수식 편집기

네이버 카페 수식 편집기 이미지

  • sin, cos, tan, log과 같이 밑과 진수, 혹은 지수가 들어가는 것들은 키보드에서 "_", "^" 특수문자를 사용하여 처리할 수 있음

  • 위와 같은 간단한 기호 외에 루트, 인테그랄, 시그마, 극한과 같은 굵직굵직한 기호들은 마우스로 입력해서 사용하는 방식임

  • 커서의 위치에 기호를 삽입할 수 있음

  • "수식 사전"이라는 기능을 통해 사용자가 자주 사용할 것 같은 템플릿들의 모음집이 있음.

  • 되돌리기(Undo)와 복원하기(Redo)기능 및 초기화 기능 있음

  • 글씨 색변경, 크기 변경, 정렬, 기울임 설정 가능

  • 수식 이미지를 저장 가능

  • 해당 사용자만의 즐겨찾는 수식을 모아두면 편리하지 않을까

  • VS Code에서 스니펫을 만들고, 해당 스니펫의 키워드를 입력한 뒤 ctrl + Enter를 입력하면 해당 스니펫을 사용할 수 있는데 이런 기능을 적용해도 편리할 것 같다. 커스텀 스니펫 말고도 현재는 없는 pie나 root 같은 것도 유용할 듯.

  • 새로고침시 데이터가 사라지는데 이전의 데이터를 로컬스토리지에 저장해두는 것도 좋을 것 같다.

구글 Docs 수식 편집기

레이아웃

진입 수식편집기 탭
image image
그리스 문자 기타 연산 관계 수학 작업 화살표
image image image image image

상세 스펙

  • 그리스 문자 / 기타 연산 / 관계 / 화살표는 원하는 문자만 딱 넣어주는 간단한 버튼
  • 수학 작업
    • 분수
    • 제곱근(루트)
    • 아래첨자
    • 윗첨자 (제곱)
    • 시그마
    • 리미트
    • 절대값
    • 적분
    • 각종 수학 괄호 등

사용 예

  • 사용 방법
image버튼 클릭 2x 입력 enter 입력 3 입력 enter 입력 image버튼 클릭 z입력 enter입력 후 3 입력
image image image image image image image image
제곱(image)분수(image)루트(image) 제곱(image)시그마(image)
image image

장점

  1. 버튼만 누르면 수식이 뚝딱 완성됨
  2. 간단한 구성으로 익숙해지면 빠른 작업 가능해보임

불편했던 점

  1. 처음 사용하는 사람은 원하는대로 수식을 만들기 위해서 어떻게 해야하는지 알기 어려움
  2. 간단한 인터페이스로 구현했지만 안되는 기능이 많은 것 같음. 원하는 모든 수식을 작성하기 어려운 듯 (내가 못찾은 걸지도)
  3. 다른 수식 편집기처럼 형식을 제공해주고 값을 바꿔넣는 형태가 아니라 아예 도큐먼트 내에 수식이 삽입되는 형태로 사용하기가 쉬운 것 같으면서 어려웠다.
  4. 도큐먼트 내에서 만들어지기 때문에, 다른 수식편집기처럼 tex문법이나 이미지로 내보내기가 안되는게 아쉽다.

한글 프로그램 수식 편집기

  • 편한 점

    • 이미 정해져 있는 프리셋같은게 있어서 근의 공식같은 건 그냥 갖다쓰면 된다 image

    • tex 파일이나 png 클립보드로 바로 저장/복사할 수 있다.

    • 대분류 별로 여러 수식 부호 기능 존재 image

    • 밑에 텍스트로 된 수식 그려주다 이상하면 오류 표시

  • 불편한 점

    • 근데 그 프리셋 말고 다른 값을 넣을라면 밑에 수식을 직접 고쳐야한다

    • 되돌리기 커맨드가 이상하게 작동함. 전에 쓰다 지운 게 다 튀어나옴 되돌리기이상해

    • 가능한 문법인데 밑에 수식 텍스트에서 빨간 줄 떠서 괜히 틀렸나 싶게 만듬

수식편집기 조사

https://www.codecogs.com/latex/eqneditor.php?lang=en-us

image

사용가능한 기능

그림 파일 변환 기능

글자체 변경

폰트 사이즈 변경

resolution 변경

배경색 지정

inline mode

compressed

사용중인 latex commands

color

{\color{Emerald} abcd}

Trigonometrical functions

\sin 
\arcsin

logarithms

\log_{10}

limits

\limsup
\liminf

operator

\arg
\gcd

math alphabet

image

space

\, thin space
\: medium space
\; thick space
\! negative space

binary operators

image

dots

image

letter like symbol

image

matrixes

https://www.overleaf.com/learn/latex/Matrices
amsmath package

\bigl(\begin{smallmatrix}
 1&  & \\ 
 &  0& 
\end{smallmatrix}\bigr)

latex2e commands

image

AMS commands

image

Subset and Superset Relation

image

Extensible Accents

image

Math-mode Accents

image

Non-ASCII Letters (Excluding Accented Letters)

image

Arrows

image