brunch

You can make anything
by writing

C.S.Lewis

by 공인식 Jul 25. 2024

전자책 출판을 위한 VitePress - 수학식 표현

「글을 긷자」 마크다운(Markdown)으로 수학식 표현하기

일반텍스트로 작성되는 마크다운 문서에서는 전용 문법을 사용해 수학식의 표현이 가능합니다. VS Code에서는 KaTeX ↗을 이용해 별도 확장 없이 미리 보기 화면에서 수학식의 적용결과가 그려집니다.



덧셈, 뺄셈

$$
3+4=7 \\
9-1=8 \\
너+나=우리 \\
사랑-이별=x
$$


곱셈, 나눗셈

$$
7 \times 8=56 \\
9 \times 9=81 \\
7 + 7 \div 7 + 7 \times 7 - 7 = 50
$$


사랑 방정식 (?)

아래 수학식은 링크된 상품 이미지의 것이 인용됐으며, 구체적인 출처는 명확하지 않습니다.

[상품] Etsy > Equation of Love Math Poster, Math Classroom Decoration Ideas for Teachers ↗

$$
x^2 + \left( \frac{5y}{4} - \sqrt{|x|} \right)^2 = 1
$$


아래는 사랑과 이별에 대한 저의 정리를 담은 것이 수학식으로 표현된 결과입니다.

$$
\lim_{Time \to \infty} \frac{Love - Farewell}{Time} = 0
$$


피타고라스 정리

아래는 피타고라스 정리를 하나의 블록으로 표현할 때 사용할 수 있는 수식입니다.

$$a^2 + b^2 = c^2$$


적용 결과는 아래와 같습니다.





VS Code에서 마크다운 문서로 수학식을 다루는 모습


LaTeX

LaTeX(‘레이텍’ 또는 ‘라텍’으로 발음)은 문서 조판에 사용되는 프로그램이다. 도널드 커누스가 만든 TeX을 쉽게 사용하기 위하여 1984년에 레슬리 램포트가 만든 매크로이다. TeX을 직접 사용하기는 어렵기 때문에, 오늘날에는 LaTeX을 이용하여 문서를 만드는 경우가 많다.
출처: 위키백과: LaTeX ↗


KaTeX

KaTeX는 MathJax보다 LaTeX의 수학적 표기법 기능 중 더 작은 하위 집합을 구현합니다.
출처: 위키백과: KaTex [EN] ↗ (구글에서 번역됨)


LaTeX이 수학적 표기를 위한 접근법을 다룬 기술이라면, KaTeX은 그 접근법을 따른 자바스크립트 라이브러리로 정리하시면 됩니다. KaTeX으로 웹 브라우저 상에서 수학식의 표현이 가능한 것입니다.


다음 화에서 다룰 템플릿을 활용하면 VitePress로 수학 교재의 제작까지도 가능합니다.


마크다운 수학식 사용의 다른 예

마크다운 문서로 작성된 ‘세상을 바꾼 17가지 방정식 (17 Equations That Changed the World - by Ian Stewart)’ ↗

위 방정식은 과학과 수학의 다양한 분야의 발전에 중추적인 역할을 해왔습니다. 이언 스튜어트(Ian Stewart)의 『세상을 바꾼 17가지 방정식』에서 인용한 것입니다. (The following equations have been pivotal in the development of various fields in science and mathematics. They are referenced from “17 Equations That Changed the World” by Ian Stewart.)

이러한 방정식은 Ian Stewart의 책에서 자세히 논의되며, 여기서 그는 방정식의 중요성과 세계에 미치는 영향을 탐구합니다. (These equations are discussed in detail in Ian Stewart's book, where he explores their significance and impact on the world.)


함께 보기

Visual Studio Code > Docs > Languages > Markdown and Visual Studio Code #Math formula rendering ↗




연재 안내

브런치북 「글을 Git[긷]자」는 웹 서비스를 위한 UI/UX 개발자인 저자가, 다년간의 실무 경험을 바탕으로 Git과 GitHub 그리고 Visual Studio Code라는 무료 범용 텍스트 에디터를 이용한 글쓰기 방식을 제안하기 위해 기획되었습니다.


https://github.com/enchic/gitzza-plaza

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari