[Etc] MathJax 라이브러리 (수학 표현식 입력하기)

블로그에 수식을 넣어야할 일이 생겨 알아보니 MathJax 라이브러리가 가장 유명한 거 같다.

일단 지금은 기본적인 수식만 입력할 수있으면 되서 간략히만 문서를 참고해서 정리한다.

 

 

MathJax 라이브러리 공식 문서에는 여러 CDN 사이트들 중 jsdelivr.com 사이트를 추천한다.

아래는 jsdelvr.com의 MathJax CDN 주소 (최신 3.x.x 버전을 로드)

<script type="text/javascript" id="MathJax-script" async
    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>

 

 

 

MathJax 수식을 in-line으로 사용하기 위한 설정

---

참고로, 아래는 MathJax 라이브러리 공식문서에 표기된 글을 발췌한 내용이다.

 

 

수식을 in-line(문장들 사이에)으로 사용하고 싶다면 위 발췌한 내용의 스크립트처럼 설정하는데, 저렇게 설정하면 $..$처럼 $ 기호를 하나만 사용해서 in-line으로 사용이 가능하다. 반면, $ 기호를 양 옆에 2개씩 사용하면 수식이 한 줄을 모두 차지하는 형태가 된다.

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};
</script>
<script id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

 

아래는 in-line이 아닌 2개의 $ 기호를 사용하여 수식이 한 줄을 다 차지해버리는 경우다.

$$x = y$$

$$x^{n}$$

$$x_{n}$$

in-line으로 사용하면 $\sqrt{x}$ 요렇게 문장 사이에 들어간다.

 

 

 

MathJax 라이브러리로 이용 가능한 format

---

이용 가능한 3가지 포맷이 있다고 한다.

1. TeX/LaTeX
2. MathML
3. AsciiMath

 

TeX/LaTeX와 AsciiMath는 위에서 사용한거처럼 손으로 작성하는 포맷이고, MathML은 XML로 작성하는 포맷이다.

 

 

 

자주 사용되는 수식

---

처음부터 다 외울 순 없으니, 몇 가지 자주 사용하는 수식을 표로 정리해봤다.

수학 표현식	문법
$x = y$	\$x = y$
$x^{n}$	\$x^{n}$
$x_{n}$	\$x_{n}$
$\frac{x}{y}$	\$\frac{x}{y}$
$\sqrt{x}$	\$\sqrt{x}$
$\mathbf{x}$	\$\mathbf{x}$
$\alpha, \beta, \gamma$	\$\alpha, \beta, \gamma$
$\begin{array} {rrr} 1 & 2 & 3 \\ 4 & 5 & 6  \\7 & 8 & 9\end{array}$	$\begin{array} {rrr} 1 & 2 & 3 \\ 4 & 5 & 6   \\ 7 & 8 & 9 \end{array}$
$\mathbf{X} = \left[ \begin{array} {rrr} 1 & 2 & 3 \\ 4 &5 &6 \\ 7& 8 & 9 \end{array}\right]$	$\mathbf{X} = \left[ \begin{array} {rrr}  1 & 2 & 3 \\  4 & 5 & 6 \\ 7 & 8 & 9 \end{array} \right]$

 

 

 

LaTeX 수학 표현식 기호 문법 참고 사이트

---

[1] https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference