[Tip] 블로그에 LaTex 수식 입력하기

요즘 이직때문에 회사에 나와서도 일은 안하고 이리저리 정리하면서 RSS 피드를 읽는 중, 블로그에서 LaTex수식을 사용하는 글을 보고 앞으로 사용할 일이 많아 정리한다.
※ 아래 글은 crazybar님의 글을 참조해서 작성했음을 밝힙니다.

LaTex는 주로 수식을 많이 사용하는 분야에서 이용하는 문서 형식으로, WYSWYG에디터가 아니라 HTML처럼 명령어를 이용해서 문서를 생성하는데, 소스로 작성된 수식을 변환해주는 해석기를 거쳐서 이미지나 PDF와 같은 문서로 결과가 출력됩니다.

지금이야 그렇다처도 앞으로 이직을 하면 그곳에서는 수식을 사용할 일이 많아질꺼고, 그런 내용을 블로그에 포스팅 하기 위해서는 참으로 유용한 툴인거 같아 이리저리 찾아보구 정리해 본다.

:: 아래 방법의 원문은 http://hshin.info/185 이고, 소스코드는 http://www.crazybar.net/883 입니다. ::
:: 아래 소스 코드는 원문의 코드를 crazybar님이 수정한 코드를 사용했음을 미리 밝힙니다. ::
:: 혹 아래 코드를 사용하실 분은 crazybar님이게 트랙백하나 달아주는 센쓰를 발휘해 주시기 바랍니다. ::
:: 사실 전 그걸 몬해서~~늦게나마 글로 죄송함을 밝힙니다. ::

1. 스킨의 </head>테그앞에 아래 소스코드 추가.

<script type="text/javascript" language="javascript">
<!--
        var eqTags = {"tex":"\\small\\textstyle ", "texeq":""};

        function createTex() {
                for(tag in eqTags) {
                        document.createElement(tag);
                }
        }      

        function doTex(){
                mathtex_server = "http://www.problem-solving.be/cgi-bin/mathtex.cgi?";
       
                for(tag in eqTags) {
                        eq = document.getElementsByTagName(tag);
                        for (var i=0; i<eq.length; i++) {
                                imgSrc =  mathtex_server + eqTags[tag] + eq[i].innerHTML;
                                eq[i].innerHTML = "<img class=\"equation\" src=\""
                                                                                        + encodeURI(imgSrc)  + "\" />";
                        }
                }
        }

        createTex() ;
-->
</script>

2. 스킨의 </body>테그앞에 아래 소스코드 추가.

<script type="text/javascript" language="javascript">
<!--
        doTex();
-->
</script>

위와 같이 추가를 했으면 사용방법은 글을 입력하는 에디터의 모드를 HTML모드로 변환한 이후 사용하면 된다. <tex> .. </tex>테그를 사용하거나, 좀더 큰 형태로 사용하고 싶으면 <texeq> .. </texeq> 테그를 사용하면 된다.

그럼 아래와 같은 수식을 볼 수 있다.

:: 2차 방정식 근의 공식 ::
입력 ::

<texeq> ax^2+bx+c=0 ~~~ \Leftrightarrow~~~ x=\fac{-b \pm \sqrt{b^2-4ac}}{2a}</texeq>

결과 ::

ax^2+bx+c=0 ~~~\Leftrightarrow~~~ x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}

:: 관련 사이트 ::

• 수식 입력! - http://intothereign.tistory.com/182
• 블로그에 LaTex 수식 입력하기 - http://www.crazybar.net/881
• 블로그용 LaTex적용 코드 수정 - http://www.crazybar.net/883
• Tistory에서 수식 표현하기 - http://hshin.info/185
• mathTeX 티스토리에서 활용하기 - http://chanyy.net/entry/mimeTeX-티스토리에서-활용하기
• mathTeX manual - http://www.forkosh.com/mathtex.html
• KTUG 한글 TeX 사용자 그룹 - http://www.ktug.or.kr