네이버 블로그에서는 HTML 편집이 막힘으로서 수식 입력이 어려워 티스토리로 넘어 왔으며,
티스토리에 수식 입력하는 방법을 자주 사용해야하는 데
잊어지리지 않기 위해서 기록해 둔다.
목차
- 티스토리에 수식 입력 방법
- 수식의 입력
- 수식을 문장 내에서 글자처럼 입력한 예
- 수식을 한 줄로 입력한 예
- 수식번호 입력
- 마무리
티스토리에 수식 입력 방법
티스토리에서 글쓰기로 들어가
우측 상단의 [기본모드]를 클릭하면 풀다운 메뉴가 열리고
맨 아래 [HTML]를 클릭한다.
화면이 HTML 입력 모드로 바뀐다.
여기에 아래 코드를 입력한다.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<!--MathJax.js를 사용한 수식 입력-->
다시 우측 상단의 [HTML]을 클릭한 후 풀다운 메뉴에서 [기본모드]를 선택하면
아래와 같이 창이 바뀌고 글을 입력할 수 있다.
수식의 입력
티스토리에 수식을 입력하기 위해서는 문단 내의 글자처럼 입력하기 위해서는 수식 양 옆에 $ \$ $ 기호를 붙혀 "$ \$ $수식$ \$ $"의 형식으로 입력하고 독립된 한 줄로 입력하기 위해서는 "$ \$\$ $수식$ \$\$ $" 형식으로 입력한다.
수식을 문장 내에서 글자처럼 입력한 예
문단 내에 글자처럼(inline) 수식을 입력한 예로서 아래와 같이 입력하면
집합을 배우기 전인 중학교 때에는 '두 변수 $x$, $y$에 대하여 $x$의 값이 정해짐에 따라 $y$의 값이 오직 하나씩 정해지는 관계가 있을 때, $y$를 $x$의 함수라고 한다.'와 같이 함수를 관계로 정의하고 있다.아래와 같이 나타난다.
집합을 배우기 전인 중학교 때에는 '두 변수 $x$, $y$에 대하여 $x$의 값이 정해짐에 따라 $y$의 값이 오직 하나씩 정해지는 관계가 있을 때, $y$를 $x$의 함수라고 한다.'와 같이 함수를 관계로 정의하고 있다.
수식을 한 줄로 입력한 예
수식을 한 문단 처럼 블록으로 입력한 예로서 아래와 같이 입력하면
이차방정식의 근을 구하는 공식이다. 이차방정식의 근은 2개가 있다. 2개의 근이 같으면 중근이라고 한다. 공식의 ±는 근을 구할 때 한 번은 ＋, 한번은 －로 적용한다.</br></br>
$ax^2 + bx + c = 0$ 일 때(단, $a \ne 0$)
$$x= \frac {-b ± \sqrt{b^2-4ac}}{2a}$$아래와 같이 나타난다.
이차방정식의 근을 구하는 공식이다. 이차방정식의 근은 2개가 있다. 2개의 근이 같으면 중근이라고 한다. 공식의 ±는 근을 구할 때 한 번은 ＋, 한번은 －로 적용한다. $ax^2 + bx + c = 0$ 일 때(단, $a \ne 0$) $$x= \frac {-b ± \sqrt{b^2-4ac}}{2a}$$
수식번호 입력
수식에 번호를 붙이기 위해서는 수식을 입력할 때 수식 뒤에 "\tag{번호}"를 붙인다. 여기서 "번호"는 수식번호를 의미한다.
$$x= \frac {-b ± \sqrt{b^2-4ac}}{2a} \tag{1}$$아래와 같이 나타난다.
$$x= \frac {-b ± \sqrt{b^2-4ac}}{2a} \tag{1}$$
마무리
티스토리 글에 수식을 입력하기 위해서는 글쓰기 시 [기본모드]를 [HTML] 모드로 변경한 후 HTML 문서 맨 앞에 MathJax관련 Script를 먼저 입력한 후 [기본모드]로 돌아와서 글을 작성하면 수식을 입력할 수 있다.