티스토리 뷰

메모

MathJax 이용해서 수식 입력

4567은 소수 2020. 12. 3. 04:38

전에 MathJax를 이용해서 html에 수식을 입력했는데 블로그 스타일을 바꾸면서 그게 날라갔다. 그 때 메모 안 해서 인라인 가능한 코드를 찾느라 고생했다.

 

 

MathJax 를 이용하자.

 

MathJax

Beautiful math in all browsers.

www.mathjax.org

MathJax를 사용하지 않으면 수식을 한글 수식편집기, 온라인 수식 편집기 등을 이용해 작성해야하는데 이 경우 대부분 image 파일로 저장이 되어 수정이 쉽지 않다. 그렇기에 MathJax는 수학과인 나에게 아주 유용한 것이었다.

 

우선 html 코드의 <head> 태그 맨 마지막에 다음과 같이 추가하면 된다.

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

이렇게 작성하면 $$ 를 이용하여 수식을 입력할 수 있다.

예를 들어 아래와 같이 작성한다면

$$ y^2 = x^3 + ax +b $$

$$ y^2 = x^3 + ax +b $$ 

와 같이 나온다. (Elliptic Curve 식을 적어보았다.)

 

하지만 이렇게 하면 인라인 수식을 적을 수 없다. 나는 x^2 이라는 짧은 녀석을 글자들 사이에 넣고 싶다고 하면 다음 코드를 html의 <head> 태그 맨 마지막에 추가하면 된다.

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

그러면 $를 이용해 인라인 수식을 입력할 수 있다.

예를 들어 아래와 같이 작성한다면

Elliptic Curve on GF(p) : $ y^2 = x^3 + ax + b $

Elliptic Curve on GF(p) : $ y^2 = x^3 + ax + b $ 와 같이 나온다.

 

R markdown 문법을 이용하기에 간단한 수식 입력은 아래 사이트에서 제공하는 정도로도 충분 할 것이다.

www.statpower.net/Content/310/R%20Stuff/SampleMarkdown.html

 

An Example R Markdown

Introduction This is an R Markdown document. By studying the document source code file, compiling it, and observing the result, side-by-side with the source, you’ll learn a lot about the R Markdown and LaTeX mathematical typesetting language, and you’l

www.statpower.net

 

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함