통계 분석 관련 포스팅을 하다보니 계산식을 넣고 싶은데 티스토리 편집기 자체에서는 수식 입력을 지원하지 않았습니다. 캡처해서 넣자니 라이트/다크 모드 전환하면 안 예쁠 것 같아서 HTML 코드를 사용하는 방법을 알아보았습니다. 다행히 방법을 잘 정리해주신 분이 계셔서 금방 사용할 수 있었습니다. MathJax에서 제공하는 자바스크립트 라이브러리를 사용하면 LaTeX를 사용할 수 있게 세팅 가능하더라구요. (참고글 링크)
수식 입력 세팅하기
1. 블로그 스킨 편집 화면 들어가기
블로그 관리 페이지에서 꾸미기의 [스킨 편집]을 들어가 [html 편집]을 클릭합니다.
2. HTML 편집하기
<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>
위의 코드는 '$'로 묶었을 때만 수식으로 나오도록 수정한 코드입니다. 앞서 태그한 참고글의 코드는 괄호로 묶였을 때도 수식으로 변환되도록 코드가 되어있었습니다. 저는 불편요하다고 생각해서 수정해 적용했습니다.
수식 입력하는 방법
세팅이 끝났다면 기본모드에서도 바로 사용가능합니다. 아래와 같이 $ 표시로 묶어서 사용할 수 있습니다.
$ 수식 html 코드 $: 좌측정렬 (문장 내 사용 가능)
$$ 수식 html 코드 $$: 가운데 정렬
수식 내 줄바꿈, 띄어쓰기 사용법
줄바꿈: \\
띄어쓰기: \;
수식 html 코드 만드는 사이트
수식을 만들 때에는 온라인 에디터 사이트를 사용하면 편합니다. 해당 사이트에서는 $\alpha$ , $\sum$ 와 같은 기호, 연산자를 활용한 수식을 쉽게 만들고, 복사할 수 있습니다.