(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>
라고 입력하면,

\int \ln x \, {\rm d}x = x \ln \ x - x + C

로 표시됩니다.


위와 같이 MathJax 와 MathTeX 을 한 페이지 내에서 동시에 사용할 수 있습니다. 그렇게 하기 위해서는 티스토리 블로그 주인장은 관리 모드의 skin.html 의 편집에서 <head> 태그와 </head> 태그 사이에 딱 두 줄

<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 다운로드와 설치


Posted by Scripter
,