웹(HTML)페이지에 수학, 전자, 전기, 통신 관련 수식 표현하기 - 레이텍(LaTex)

LaTeX (라텍스가 아닌 라텍 또는레이텍 이라고 읽습니다.)

 

dnpq웹(HTML)페이지에 수학, 전자, 전기, 통신 관련 수식 표현할 수 있는 방법이 있습니다.

MathJAX.org 에서 제공하는 레이텍(LaTex)이용하는 방법입니다.

 

1. CSS 를 추가한다.

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
    MathJax.Hub.Config({
    extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
              inlineMath: [ ['$','$'], ["\\(","\\)"] ],
         displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
});
</script> 

2. 작성 예시

아래와 같이 사용하면 된다.

$$y=x^2$$

$을 한번 사용하면 인라인이며,

$$을 두번 사용하면 라인 가운데 정렬이 된다.

 

3. 작성을 돕는 사이트에서 수식을 만들어서 $ ~ $ 사이에 넣어준다.

  - www.codecogs.com/latex/eqneditor.php

  - mathurl.com/

  - www.sciweavers.org/free-online-latex-equation-editor

  - www.hostmath.com/