MoonNote

반응형
     

 

 

티스토리 블로그를 쓰다 보면 가끔 수식 입력을 하고 싶은데 따로 티스토리에서는 수식을 만들 수 있는 기능을 제공하지 않고 있는 것을 보고 찾아보았다. 기존에는 PPT나 다른 프로그램에서 수식을 만들어서 이미지를 가져와 쓰긴 하였지만 'Latex'를 이용하면 HTML 코드로 바로 수식을 적용할 수 있는 것을 알게 되어 소개해보고자 한다.

 

LaTex란,

문서 작성 도구의 일종으로 논문이나 출판물 등의 특수 형식 문서를 작성하는 데 쓰이는 시스템이다. '라텍스'가 아닌 '레이텍' 혹은 '라텍'이라고 읽으며 윈도우, 리눅스, macOS에서 모두 사용 가능하다.

 

 

LaTex 사용법

먼저 스킨 편집에서 <head>와 </head> 부분에 아래의 링크를 넣어주고 저장한다.

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>

</head>
Latex 적용 HTML.txt
0.00MB

 

그런 다음 수식을 만들기 위해서 하단의 링크로 접속한다.

 

 

Online LaTeX Equation Editor - create, integrate and download online.

EqnEditor (v5 beta) for online mathematics - delivering thousands of beautiful equations every second -

editor.codecogs.com

 

예시로 \(X^{2}\)을 웹브라우저 상에서 수식으로 만들어보겠다. 

LaTex Equation Editor

 

수식을 완성하였다면 하단의 결과 창에서 'Export>>'를 눌러 반출하고자 타입(HTML, LaTex 등)을 복사하여 쓰면된다. 해당 Equation을 사용할 때에는 HTML 모드로 변경하여 Equation을 적용하면 되고 아래의 수식이 LaTex로 입력한 결과 값이다.

HTML 모드 화면

\[X^{2}\]

 

 

LaTex를 사용하게되면 (), {}, [] 등을 이용하는 LaTex 문법을 어느 정도는 알아야지 되는데 나무위키에 잘 나와 있으므로 나무위키 링크로 대체하도록 하겠다.

 

나무위키 : LaTex

 

 

 

 

 

※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.

공유하기

facebook twitter kakaoTalk kakaostory naver band