수학(Mathematics)

티스토리나 네이버 같은 블로그에서 TeX와 LaTeX를 이용해 수학공식 입력하기

leebaro 2017. 8. 17.
728x90

머신러닝 공부를 하다보면 수학 공부를 할 수 밖에 없고, 그러면 수학공식을 알아야 할 수 밖에 없다.


 그런데 블로그에서 공부를 하기 위해서 수학공식을 입력하려면 한글이나 워드 프로그램 처럼 수식을 입력해주는 기능이 없기 때문에 난감하다.


이럴 때 이용할 수 있는 방법이 LateX를 이용하는 것이다. 하지만 네이버 블로그나 티스토리에서도 기본적으로 LaTex 입력을 지원하지 않는다.


글쓰기 페이지의 상단 메뉴 중 "수식입력"을 이용하면 수학공식을 이용할 수 있다. 단, 기호가 예쁘게 안나오고, 글을 쓰다 중간에 흐름이 끊기는 단점이 있다.



이 때 가장 쉽게 사용할 수 있는 방법이 mathjax.org에서 제공하는 LaTeX 입력을 인식해주는 자바스크립트를 이용하는 것이다. 이용법은 간단하다. 아래와 같이 따라서 진행하면 5분이면 가능하다.



Warning

We retired our self-hosted CDN at cdn.mathjax.org in April, 2017. We recommend using cdnjs.com which uses the same provider. The use of cdn.mathjax.org was governed by its terms of service.

To jump start using cdnjs, you accomplish the first step by putting

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

위의 스크립트를 내가 사용하는 블로그의 HTML 수정 기능을 이용하여 입력하면 내가 원하는 수학 공식을 입력할 수 있다. 


한가지 주의사항은 예전에는 mathjax.org 자체에서 제공해주는 링크를 이용해서 LaTeX를 이용할 수 있었지만, 앞으로는 지원을 안한다고 하니 위의 스크립트에 나와 있는 것 처럼 cdnjs.cloudflare.com을 주소를 사용해야 한다.


기존에 mathjax.org의 링크를 사용하고 있는 사람은 미리 수정하면 나중에 당황할 일이 줄어 들 것이다.


CDN은 Content delivery network의 줄임말로 콘텐츠를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템을 말한다. 즉, LaTeX를 지원해주는 스크립트가 있는 서버 죽거나 많은 트래픽이 발생해도 안정적으로 내 블로그의 LaTeX가 나올 수 있게 해준다는 의미다.


그럼 이제부터 티스토리에서 LaTeX를 사용할 수 있는 방법을 알아보자.



1. 관리자 페이지에서 HTML/CSS 편집을 클릭한다.


save image


2. </head> 태그 바로 위로 이동한다.




3. 아래와 같이 스크립트를 입력한다.



4. 아래와 같이 수식을 입력해본다. 


$$f(x)=\dfrac{1}{e}x^4-ex^2+c$$


주의사항은 아래 이미지와 같이 단락으로 입력 시에는 $$로 수식을 감싸면 되고, 문장내에 입력 할 경우에는 \( \sum_{t=1}^{T}\beta_{t} \) 과 같이 \(와 \)로 감싸준다.




5. 아래과 같이 수식을 확인할 수 있다.







Reference

  • https://ko.wikipedia.org/wiki/%EC%BD%98%ED%85%90%EC%B8%A0_%EC%A0%84%EC%86%A1_%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC
  • http://dongweon.tistory.com/entry/%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%97%90-%EC%88%98%EC%8B%9D-%EC%89%BD%EA%B2%8C-%EC%9E%85%EB%A0%A5%ED%95%98%EA%B8%B0






728x90