(1) MathJax의 사용 예:
\ (a \ne 0\ ) 이면, 2차방정식 \ (ax^2 + bx + c = 0\ ) 의 두 근은 $ $x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $ $
라고 입력하면,
\(a \ne 0\) 이면, 2차방정식 \(ax^2 + bx + c = 0\) 의 두 근은 $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ 로 표시되고,
(2) MathTeX 의 사용 예:
<tex style="border:blue 2px dotted; padding: 3px; background: #ff8;"> \int \ln x \, {\rm d}x = x \ln \ x - x + C </tex>
라고 입력하면,
로 표시됩니다.
<script type="text/javascript" src="http://www.ezsolver.co.kr/mathjax/v1.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
와
<script type="text/javascript" src="href="http://www.ezsolver.co.kr/mathtex_tag.js"></script>
만 써넣어 주면 됩니다.
※ 인터넷 익스플로러 사용자는 MathJax 를 적용하여 작성된 문서를 볼 때는 디자인 사이언스(Design Science)에서 무료로 배포하는 MathPlayer 플러그인이 설치되어 있어야 볼 수 있습니다.
※ MathJax 는 서버측 CGI 는 전혀 쓰지 않고 오직 Javascript 와 서버에 올려 놓은 폰트 파일들 만으로 동작합니다. MathML 양식의 수식과 LaTeX 양식의 수식을 모두 지원하며 상호 변환도 가능합니다.
※ MathJax 로 작성된 수식은 줌(확대)도 계단 현상이 나타나지 않고 매끄럽게 보이지만, 루트 기호는 좌측 위가 좀 끊어져 보이는 곳이 있습니다. 반면에 MathTeX 으로 작성된 수식은 줌인(확대)하면 계단현상이 나타나 보기게 약간 흉하지만 보통 크기로는 뚜렷하고 예쁩니다. 루트기로 같은 것은 줌인(확대)하더라도 끊어져 보이는 곳이 없습니다.
※ MathJax 양식으로 작성하든 MathTeX 양식으로 작성하든 모바일 기기(아이폰, 갤럭시탭, 아이패드, 갤럭시 패드 등)에서도 수식이 잘 보입니다.
※ MathTeX 은 MimeTeX을 만들었던 가 그 후속 버전으로 만든 순수 C 언어로 작성된 CGI 입니다. MathTeX 이 하는 일은 서버에 설치된 TeX 시스템을 자동으로 가동시켜 입력된데이터 (URL 파라미터로 서버에 넘어간 문자열)을 이미지(그림) 데이터로 변환한 다음 클라이언트(웹 브라우저)에게 그 이미지의 ContentType 과 함께 보내 주는 역할입니다
.
[참조]
☞ 위의 구조로 작성된 별도의 간단한 문서 보 러 가기
☞ MathJax 홈페이지
☞ MathPlayer 다운로드와 설치
'프로그래밍 > TeX' 카테고리의 다른 글
| XeLaTeX과 함께 사용할 수 있는 (다국어 문서 용) Code2000 폰트 (0) | 2012.02.08 |
|---|---|
| HTML 문서에서 한글 LaTeX(레이텍) 수식을 jQuery Corner 와 함께 사용하기 (0) | 2012.01.05 |
| 티스토리(Tistory) 에서 LaTeX 수식에 한글 포함시키기 (0) | 2011.12.28 |
| 티스토리(tistory)에서 LaTeX 방식의 수식 입력하는 방법 (2) | 2011.12.26 |
| Mac Lion 에 설치된 koTeX 에서 한글이 안될 때 (0) | 2011.08.18 |
