[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로 작성하는 포맷이다.

 

 

 

자주 사용되는 수식

---

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

 

 

 

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

---

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