서의 공간
티스토리에서 MathJax(LaTex) 수학 수식 사용하기 본문
[LaTex 문법]: Help:Displaying a formula - Wikipedia
인터넷에서 여러 글들을 보고 다양한 코드를 HTML에 사용해본 결과, 다음과 같은 방법이 가장 간단하고 정확했다.
$ 기호를 사용해서 감싸는 방법이 있는데 그러한 방법보다 아래와 같은 방법을 추천한다. 아래 HTML 스크립트는 MathJax의 공식 사이트에서 직접 제공하는 코드이다.
티스토리 스킨 편집 -> HTML 편집에서 <head> 안에 아래 코드를 넣으면 LaTex문법을 사용하여 수식을 쉽게 입력할 수 있다.
[MathJax 공식사이트]: MathJax | Beautiful math in all browsers.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script"
async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
예 1)
\(\sqrt{2}\)
\(\sum_{i=1}^n k^2\)위와 같이 글을 쓰면 결과는 다음과 같다.
\(\sqrt{2}\)
\(\sum_{i=1}^n k^2\)
예 2)
\[\sqrt{2}\]
\[\sum_{i=1}^n k^2\]위 결과는 다음과 같다.
\[\sqrt{2}\]
\[\sum_{i=1}^n k^2\]
수식을 '\\(', '\\)'으로 감싸는 것과 '\\[', '\\]'으로 감싸는 것의 차이를 볼 수 있다.
예1)은 inline 모드라 하며, 예2)는 display 모드라 한다.
inline 모드는 수식 앞 뒤로 글을 붙일 수 있지만, display 모드는 보는 것과 같이 한 줄을 다 차지하여 글을 붙일 수 없다.
*주의*
수식 안에 한글을 쓸 경우 조심할 것!
수식이 렌더링 되지 않는다면 수식을 좌우로 살펴 최대한 공백을 없애야 한다.
(없앤다기보다 글자와 공백을 정리해준다)
아마 한글과 영어를 표현하는 data크기가 달라 발생하는 문제인 듯싶다.
가장 좋은 방법은 \\text{}를 사용하는 방법이다. 아무 문제없이 한글을 렌더링 할 수 있다.
'Misc.' 카테고리의 다른 글
| 라이브러리에 대한 설명 (0) | 2020.11.27 |
|---|---|
| Highlight.js(cdnjs)로 티스토리 코드블럭 스타일 설정하기 (0) | 2020.11.23 |
| md(마크다운) 작성법 (0) | 2020.11.22 |
| Windows App이란, Windows App의 종류, App 플랫폼, UWP와 WPF 차이, MFC란 (0) | 2020.11.21 |
| vcpkg 사용법(assimp 설치하기) (0) | 2020.11.21 |