블로그에 수식 입력하는 몇 가지 방법들 (블로그 수식 입력)

Edited by Leun Kim

자연과학이나 공학 계열을 주제로 한 블로그라면, 블로그에 수식을 입력하는 것은 필연적인 과제가 됩니다. 여기서는 블로그에 수식을 입력하는 몇 가지 방법들을 소개하고, 제 나름대로 장단점을 분석해 보겠습니다.

1. 이미지를 직접 업로드

이 방법은 가장 고전적인 방법이면서 동시에 견고한 방법입니다. 이미지를 업로드 해 놓은 서버가 파괴되지 않는 이상 수식이 파괴될 가능성은 없으며, 로딩 속도 또한 가장 빠르다고 할 수 있습니다. 하지만 이 방법의 가장 큰 단점은 굉장히 귀찮다는 것입니다. 즉, 미리 수식을 작성해 놓고 그것을 이미지 파일로 저장한 후 서버에 업로드, 그리고 그것을 매번 불러와야 하는 번거로움이 있습니다. 또 이미지 파일의 경우 보통은 정렬면에서 텍스트보다 어렵다는 단점도 있습니다. $\TeX$ 문법의 수식을 이미지로 바꾸어주는 대표적인 사이트로는

등의 사이트가 있습니다.

2. MathJax

Powered by MathJax이 방법은 제가 티스토리 블로그를 할 때 즐겨 쓰던 방법이었습니다. 일단 MathJax의 가장 큰 장점은 편리하다는 것입니다. 1번과 같이 번거로운 작업이 필요 없으며, 포스트 작성 시 예를 들어

와 같이 작성해 주면(여기서 D = Dollar Sign),
와 같이 렌더링 됩니다. 당연히 자신의 서버에는 수식의 이미지가 저장되지 않으며, 수식이 포함된 포스트를 로딩할 때마다 MathJax 측의 렌더링을 받아야 합니다. 또 수식이 날아갈 위험도 거의 없습니다. 즉 MathJax라는 회사가 망하지 않는 이상, 또 자신의 포스트가 파괴되지 않는 이상, 수식은 렌더링 됩니다. 게다가 덧글이나 방명록 등 블로그 어느 곳에서나 렌더링 된다는 장점도 있습니다.
하지만 단점을 지적하자면, 렌더링 시간이 많이 걸리는 혹은 렌더링이 지원되지 않는 웹 브라우저가 존재합니다. 이것은 렌더링 결과물이 이미지 파일이 아니기 때문입니다. 가령 거의 최신 브라우저라고 할 수 있는 IE8의 경우, 렌더링 시간이 무한대에 가깝습니다(학교에서 제 홈페이지에 접속 해 보고 깜짝 놀란 기억이).
또 최근에는 모바일 기기(스마트폰이나 아이패드 등)로부터의 접속도 많기 때문에, MathJax가 모바일기기에 대해서도 견고한 렌더링을 해 줄지 의문이 듭니다.

3. QuickLaTeX

현재 제가 사용하고 있는 방법입니다. 간단히 말해서 QuickLaTeX는 위의 1번 방법과 2번 방법의 단점을 동시에 커버해 주는 플러그인입니다. QuickLaTex는 포스트 작성시 MathJax와 완전히 동일하게 일반적인 $\TeX$ 문법을 입력 받습니다. 하지만 출력의 경우, 1번 방법과 같은 이미지 파일의 수식을 제공해 줍니다. 게다가 이미지 파일답지 않게, 이미지 파일의 위치, 정렬 또한 굉장히 깔끔하게 정리해 줍니다. 예를 들어

라고 입력해 주면 QuickLaTeX는

I hope to prove if $a>1$ then $$\int_a^b \frac{\sin x \cos x}{e^x x^3 \log x}\,dx=\cdots$$
를 렌더링해 줍니다. 최종 결과물이 이미지 파일이기 때문에, 브라우저의 제약 또는 모바일기기의 제약으로부터 자유롭다는 강점을 지닙니다. 또 2번 방법과 마찬가지로 회사가 망하지 않는 이상 수식은 렌더링 되기 때문에, 꽤 안전한 방법이라고 할 수 있습니다. 설령 회사가 망한다 하더라도 그 때에는 포스트를 손 보지 않고 MathJax 등을 블로그에 적용해 주면 되기 때문에, 사실 2번 또는 3번과 같은 방법은 1번보다도 더 수식이 날아갈 위험이 없는 방법이라고 할 수 있습니다. 또 QuickLaTeX는 이미지에 강력한 tikz 문법도 지원해 주고 있습니다. 물론 QuickLaTeX 역시 덧글이나 방명록 등 블로그 어느 곳에서나 렌더링 된다는 장점을 가지고 있습니다.

종합해 보면 다음과 같은 표를 얻습니다.

Performance Comparison

Method Simplicity Compatibility Speed Robustness Beauty
1 Direct Upload Poor Excellent Excellent Good Good
2 MathJax Excellent Normal Normal Excellent Excellent
3 QuickLaTeX Excellent Excellent Good Excellent Good

 

 
I was born and raised in Daegu, S. Korea. I majored in electronics and math in Seoul from 2007 to 2012. I've had a great interest in math since freshman year, and I studied PDE in Osaka, Japan from 2012-2014. I worked at a science museum and HUFS from 2014 in Seoul. Now I'm studying PDE in Tokyo, Japan. I also developed an interest in music, as I met a great piano teacher Oh in 2001, and joined an indie metal band in 2008. In my spare time, I enjoy various things, such as listening music, blogging, traveling, taking photos, and playing Go and Holdem. Please do not hesitate to contact me with comments, email, guestbook, and social medias.



10 comments

    • 오오 알바 축하드립니다. 저도 그런 알바 해 봤으면 좋겠네요 ㅎㅎ 서버는 만약 사려면 역시 속도가 빠른게 좋은 것 같네요. 제가 질러버린 godaddy는 싼 맛에 지르긴 했지만 아시아 서버가 싱가폴에 있어서 그런지 일본에서 접속이 상당히 느리네요 OTL.

    • 1년기준으로 3만원에 계정용량 2GB, 트래픽 3GB 서비스가 있더군요.

      이걸로 할까 고민중입니다. 당연히 계정 하나 만들고…

      홈페이지, 워드프레스 이원화 방식으로 해볼까 생각중이네요. 가능한 구성인지는 모르겠는데…

      자료 올리는 홈페이지 따로…

    • 허허 가격 치고는 용량이랑 트래픽이 좀 작네요. 뭐 저같이 사진이나 영상 다량으로 업로드 하는 유저는 꿈도 못꾸는 용량이군요! ㅎㅎ

    • 이거 덧글 기능이 약간은 흉하긴 하네요.
      워드프레스 이전은 아마도 2학기 끝나고 해야할듯 하네요.
      아직 자료가 빈약해서…

      2학기때 고급선형대수, 해석학1(연세대), 미분방정식 을 들을거 같아서.

      (무려 고급선형대수에서는 말로만 들었던 Lie Algebra를 한다고…..)

      그때쯤이면 빈곤한 블로그에 자료가 더 추가되지 않을까….

    • 아 그렇군요 ㅎㅎ. 역시 용량과 트래픽 무한대에 속도까지 빠른건 좀 비싼 것 같군요 OTL. 아, 그리고 댓글기능 등은 워드프레스가 자유도만큼은 최상이기 때문에 당연히 입맛대로 고칠 수 있습니다 :) 방금 잠깐 대구에 왔는데, 여기서 접속해보니 일본보다도 훨씬 느리네요 읔…ㅠㅠ