| [math(TeX)] 관련 문서 | ||
| {{{#!wiki style="min-height: calc(1.5em + 5px); margin: 0 -10px -5px" {{{#!folding [ 펼치기 · 접기 ] {{{#!wiki style="margin: -5px -1px -11px" | <colbgcolor=#008080,#008080><colcolor=#fff,#fff> 엔진 | TeX · pdfTeX · XeTeX · LuaTeX · pTeX/upTeX |
| 포맷 | TeX · LaTeX · ConTeXt · Texinfo | |
| 생태계 | CTAN · 배포판{TeX Live(MacTeX)} · BibTeX | |
| 패키지 | TikZ(tikz-cd) · AMS-LaTeX · Beamer · mhchem · xymatrix | |
| 관련 소프트웨어 | 웹 환경(MathJax · KaTeX) · 편집 환경(Overleaf · TeXstudio · LyX · Texmaker · | |
| 관련 인물 | 도널드 커누스 · 레슬리 램포트 | }}}}}}}}} |
1. 개요
월드 와이드 웹 환경에서 수식 렌더링을 하기 위한 라이브러리.기본적으로 TeX이나 AsciiMath, MathML 등 다양한 수식 마크업 언어의 입력을 받으며, 이를 웹 환경에서 변환하여 유려한 그래픽으로 렌더하여 보여준다.
2. 역사
법률 및 재정 후원 역할을 하는 NumFOCUS 재단의 지원을 받는 프로젝트이다.공식 웹사이트매스잭스(MathJax)는 HTML을 지원하며 웹 및 웹브라우저 상에서 .html 포멧 파일을 통해 LaTeX를 지원하며 무료이고 아파치라이선스로 소스가 공개돼있다.
원래 MathJax는 AMS(American Mathematic Society)와 SIAM(Society for Industrial and Applied Mathematics)의 조인트 벤처인 MathJax 컨소시엄의 지원을 받아 웹에서 수학 및 과학 콘텐츠를 발전시켰었다.
3. 사용 예
3.1. 로컬PC 매스잭스
#!syntax javascript
<HTML>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
</head>
<body>
$ \sqrt{2} $
</body>
</html>
3.2. 웹 매스잭스
JS Bin에서의 공식 권장 사용 예시##!syntax javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>MathJax example</title>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js">
</script>
</head>
<body>
<p>
When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]
</p>
</body>
</html>