웹에서 깔끔하게 수식을 사용해 봅시다.

안녕하세요. 땅파서 남주자 이번에는 웹에서 깔끔하게 수식을 입력할 수 있는 방법에 대해 알아 보겠습니다. 블로그 엔진에 내장된 수식입력기도 있지만 공통으로 깔끔하게 사용할 수 있는 방법이 있어서 소개합니다.

해외 저널에 제출할때 보통 TeX형식을 많이 사용하는데요. 웹에서 TeX 형식 그대로 입력하면 수식으로 깔끔하게 브라우징이 가능한 MathJax라는 프로젝트가 있습니다.

https://www.mathjax.org 의 웹사이트에 방문하면 많은 정보를 얻을수 있습니다.

브라우저에서 수식을 깔끔하게 표시하는 엔진을 자바스크립트로 개발해 놓았구요. 깃허브를 통해 소스코드도 공유되어 있습니다.

https://github.com/mathjax/MathJax 깃허브 링크

사용방법은 간단합니다. 수식을 표시할 웹페이지에 

1) MathJax의 자바스크립트 엔진을 포함시키고,

2) 바로 TeX 형식으로 수식을 입력하면 됩니다.

첫번째로 MathJax의 자바스크립트 엔진을 페이지에 포함시킵니다.

<script type="text/javascript" async

  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">

</script>

두번째로 TeX형식으로 수식을 입력합니다. TeX형식외에도 LaTex, MathML, AsciiMath의 형식을 지원합니다.

$$u_j = \sum_{i=1}^{I} w_{ji}x_i + b_j$$
$$z_j = f(u_j)$$

위와 같이 웹페이지에 적어주면 MathJax 엔진이 파싱해서 아래와 같이 깔끔하게 보여줍니다.

$$u_j = \sum_{i=1}^{I} w_{ji}x_i + b_j$$

$$z_j = f(u_j)$$

한가지 더 샘플로 sigmoid 함수 하나 더 보겠습니다.

$$f(x) = \frac{1}{1+e^{-x}}$$

위와 같이 웹페이지에 적어주면 역시 MathJax 엔진이 파싱해서 아래와 같이 보여줍니다.

$$f(x) = \frac{1}{1+e^{-x}}$$

여기까지 간단하게 웹페이지에 수식을 깔끔하게 넣어보는 방법을 알아 보았습니다.