0. 들어가며
수학 관련된 내용을 정리하려면 수식 입력이 필수다. 예전에 관리자 실에서 일할 때, LaTex로 실험 보고서를 쓰던 후배가 있었는데, 그 후배가 알려준 MimeTex라는 것이 있다.
cgi 형식으로 c코드를 웹상에서 돌아갈 수 있도록 하는 프로그램으로 소스코드가 공개되어 있어 필요하면 다운받아 컴파일 할 수도 있다. 라이센스는 GPL
cgi 형식이지만, 바로 HTML의 <img> 태그를 이용해서 바로 사용할 수 있는 장점이 있다.
1. Previous Work
이전에 Tistory에서 수식을 입력하기 위해 몇가지를 검색한 결과 자바스크립트로 MimeTex가 아닌 다른 경로의 cgi에 이미지 링크를 이용하는 방법(해당 링크)을 검색했었다. 그게 벌써 6월인데, 귀찮아서 적용하지 않고 있다가 오늘 적용해보니 잘 작동하지 않는다. 해당 페이지의 결과도 링크가 깨지고, 이미지의 소스 경로를 살펴본 결과 올바르게 작동하지 않는 것 같아 다시 MimeTex를 사용하기로 한다.
2. 준비작업 - 원본 링크
몇가지 방법을 원본 링크에서 제시해두었다. 여기서는 가장 간단한 Alternative Solution 아래의 항목에 대해서 다루고자 한다.
외부 js를 이용하는 방식으로, Tistory의 스킨 편집기의 HTML/CSS 편집기를 연다.
skin.html부분의 <head>와 </head> 사이에 다음과 같이 입력한다.
사용법도 MimeTex 설명 페이지에 나와 있듯이 <img> 태그를 이용하되, alt에 수식을 직접 적어주면 사용이 가능하다. 예제는 다음과 같다.
4. 결과
![tex: f(x) = \frac1{\sigma\sqrt{2\pi}}
\int_{-\infty}^x e^{-\frac{(t-\mu)^2}{2\sigma^2}}dt]()
cgi 형식으로 c코드를 웹상에서 돌아갈 수 있도록 하는 프로그램으로 소스코드가 공개되어 있어 필요하면 다운받아 컴파일 할 수도 있다. 라이센스는 GPL
cgi 형식이지만, 바로 HTML의 <img> 태그를 이용해서 바로 사용할 수 있는 장점이 있다.
1. Previous Work
2. 준비작업 - 원본 링크
외부 js를 이용하는 방식으로, Tistory의 스킨 편집기의 HTML/CSS 편집기를 연다.
skin.html부분의 <head>와 </head> 사이에 다음과 같이 입력한다.
3. 사용법
< IMG alt="tex: f(x) = \frac1{\sigma\sqrt{2\pi}} \int_{-\infty}^x e^{-\frac{(t-\mu)^2}{2\sigma^2}}dt" >4. 결과
아주 잘 되는 것을 알 수 있다.
이미지 크기가 조금 작으니 Future Work으로 이미지 크기 조절하는 것을 남겨둬 볼까
이미지 크기가 조금 작으니 Future Work으로 이미지 크기 조절하는 것을 남겨둬 볼까