본문 바로가기
잡다구리

티스토리에서 수학 수식 쓰는 방법(LaTex, MathJax)

by 별준 2020. 8. 8.

최근에 머신러닝 강의를 정리하고 글을 쓰면서 수학 수식을 쓰는 것이 불편하게 느껴졌습니다.

그래서 제가 최근에 사용했던 방법 두 가지를 정리하고자 합니다.

 

1. Online LaTex Equation Editor

https://www.codecogs.com/latex/eqneditor.php

 

Online LaTeX Equation Editor - create, integrate and download

Type your equation in this box

www.codecogs.com

위 사이트를 들어가면 아래와 같은 화면이 나오고, 필요한 수식을 여기서 작성하면 됩니다.

아마 사용법은 따로 알려드리지 않아도 잘 사용할 것 같습니다... 꽤나 직관적이기 때문에...

그리고, 수식을 작성하고 티스토리에서 적용을 하려면 아래쪽에 작성한 수식이 html로 나타납니다.

조금 불편하게 느껴지지만, 해당 html 코드를 복사해서 글을 작성할 때 html 모드로 변경해서 원하는 위치에 해당 코드를 붙여넣으면 됩니다.

 

 

2. MathJax 사용

첫 번째 방법은 조금 불편해서 다른 방법을 찾아봤는데, MathJax를 사용하는 방법입니다.

https://www.mathjax.org/

 

MathJax

Beautiful math in all browsers.

www.mathjax.org

이 방법은 티스토리 블로그에 html을 편집해서 글을 작성하면서 특정한 문자로 수식을 삽입하는 방법입니다. 다만, 1번 방법은 조금 직관적으로 쉽게 사용이 가능한데, 이 방법은 수식을 위한 문법을 익혀야 조금 편리합니다. 보통 다양한 수식을 쓰는 것이 아니라, 몇 가지의 수식을 자주 사용하기 때문에 조금만 익히면 엄청 편리하게 사용할 수 있을 것 같습니다.

 

사용하는 방법은 html이 아닌 그냥 기본모드에서 아래와 같이 두 가지의 방법으로 작성이 가능합니다.

1. 

&& 수식 작성 &&

위와 같이 작성을 한다면, 아래 처럼 가운데 정렬로 수식이 표현됩니다.

$$x_1^2 + x_2^2 = 2^2$$

 

2. 

\(수식 작성\)

위 처럼 시작부분은 '\(' 으로 시작하며,

끝부분은 '\)'로 마무리하면 됩니다.

이렇게 사용을 하면 글을 쓰는 중간에 수식을 이렇게 \(x_1^2 + x_2^2 = 2^2\) 입력할 수 있습니다.

 

다만 수식 작성을 위해서는 수식을 위한 문법을 좀 알아야 빠르게 사용이 가능합니다. 문법은 R Markdown formula이나 MathJax 문법을 검색해보면 자세하게 설명된 사이트들이 있지만, 보기 힘들기 때문에 제가 쓰는 방법을 설명하자면,

1번 방법에서 수식을 작성하는 것도 2번과 같은 문법을 사용합니다. 그래서 사용하고 싶은 문법이 있는데, 사용법이 모르면 저는 1번 사이트를 열어서 작성한 다음 그 문법을 눈에 익히고 2번 방법으로 작성하는 것이 편리할 것 같습니다.

 

 

당연히 그냥 2번 방법을 사용하면 적용이 안되고, 먼저 html에 적용시켜 주어야 합니다..

공식 홈페이지에서 밑으로 내리다보면 Getting Started - Web Integration 이 있고 Start now를 클릭히면 아래 화면을 볼 수 있습니다.

두 종류의 적용 코드가 있는데, 위의 스크립트 코드는 자동으로 MathJax 버전을 최신으로 맞춰주는 코드고, 밑의 스크립트 코드는 특정한 버전을 적용하기 위한 스크립트 코드입니다. 저는 위의 스크립트 코드를 사용했습니다.

그래서 위 코드를 복사하고, 블로그 환경설정 - 스킨 편집 - html 편집을 들어가서 <head> 와 </head> 사이에 스크립트 코드를 삽입하면 됩니다.

 

 

'잡다구리' 카테고리의 다른 글

KaTex : 웹에서 수학 표기를 위한 방법  (0) 2020.08.21

댓글