최근 수정 시각 : 2023-04-26 07:47:14

매스잭스

1. 개요2. 사용 예
2.1. 로컬PC 매스잭스2.2. 웹 매스잭스
3. 웹 편집기4. 관련 문서

1. 개요

매스잭스(MathJax)는 MathJax 프로젝트 및 수십 개의 기타 오픈 소스, 과학지향적 소프트웨어 제품의 복합적인 결과물이다. 법률 및 재정 후원 역할을 하는 NumFOCUS 재단의 지원을 받는 프로젝트이다.[1]
매스잭스(MathJax)는 HTML을 지원하며 웹 및 웹브라우저 상에서 .html 포멧 파일을 통해 LaTeX를 지원하며 무료이고 아파치라이선스로 소스가 공개되있다.
원래 MathJax는 AMS(American Mathematic Society)와 SIAM(Society for Industrial and Applied Mathematics)의 조인트 벤처인 MathJax 컨소시엄의 지원을 받아 웹에서 수학 및 과학 콘텐츠를 발전시켰었다.

2. 사용 예

2.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>

2.2. 웹 매스잭스

JS Bin에서의 공식 권장 사용 예시[2]
#!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>

3. 웹 편집기

웹(인터넷)에서 입력및 출력을 보여줄수있는 매스잭스 편집기로는 JS Bin에서 HTML편집기를 사용하는 방법[3]외에도 매스잭스 편집기인 MathJax Viewer등이 있다.[4]

4. 관련 문서

[1] 매스잭스 공식 웹사이트 About us https://www.mathjax.org/ [2] 공식권장사양 - example on jsbin https://jsbin.com/?html=%3C!DOCTYPE%20html%3E%0A%3Chtml%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22utf-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%22%3E%0A%20%20%3Ctitle%3EMathJax%20example%3C%2Ftitle%3E%0A%20%20%3Cscript%20src%3D%22https%3A%2F%2Fpolyfill.io%2Fv3%2Fpolyfill.min.js%3Ffeatures%3Des6%22%3E%3C%2Fscript%3E%0A%20%20%3Cscript%20id%3D%22MathJax-script%22%20async%0A%20%20%20%20%20%20%20%20%20%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fmathjax%403%2Fes5%2Ftex-mml-chtml.js%22%3E%0A%20%20%3C%2Fscript%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%3Cp%3E%0A%20%20When%20%5C(a%20%5Cne%200%5C)%2C%20there%20are%20two%20solutions%20to%20%5C(ax%5E2%20%2B%20bx%20%2B%20c%20%3D%200%5C)%20and%20they%20are%0A%20%20%5C%5Bx%20%3D%20%7B-b%20%5Cpm%20%5Csqrt%7Bb%5E2-4ac%7D%20%5Cover%202a%7D.%5C%5D%0A%3C%2Fp%3E%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E&live [3] \[JS Bin\] HTML https://jsbin.com/?html,output [4] MathJax Viewer https://saxarona.github.io/mathjax-viewer/

분류