지금 작성하던 글에서 수식 입력이 필요했었다.
앞으로 인공지능, 머신러닝, 딥러닝 관련 포스팅을 할 때에도 꾸준히 사용할 것 같아 방법을 정리해둔다.
1. 티스토리 스킨 설정에 코드 추가
티스토리 설정 > 스킨 편집 > '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>
2. 수식 생성 사이트 : Equation Editor
Equation Editor for online mathematics - create, integrate and download
Download svg gif png pdf emf 5 pt 9 pt 10 pt 12 pt 18 pt 20 pt 50 80 100 110 120 150 200 300 Transparent White Black Red Green Blue Inline Block WordPress phpBB Tiny Wiki url url encoded xml pre doxygen html latex Formatted string containing your Equation
editor.codecogs.com
3. 수식 입력 후 LaTex 형식으로 복사하기 : 텍스트처럼 추가
예를 들어, 그냥 작성하는 본문에 아래와 같이 식을 입력하면, 식이 입력된다.
복사 - 붙여넣기 후, 대괄호를 2개로 수정해준다. (한개로 하면 다른 글들에서 대괄호가 수식으로 인식되어서 변경해주었다.)
이 표식(백슬래시, 대괄호 2개)은 다음 줄에 가운데 정렬을 해준다.
\[[e^{i\pi}+1=0\]]
이렇게 입력할 수 있고, 드래그 해보면 '줄이 바뀌고' '글자처럼 인식'되는 걸 볼 수 있다. : \[e^{i\pi}+1=0\]
만약 그냥 '한 줄에 글과 함께' 작성하고 싶다면, 다음과 같이 수식 앞 뒤에 들어가는 표식을 달러모양($)으로 바꿔주면 된다.
$e^{i\pi}+1=0$
이렇게 한 줄에 수식을 입력할 수 있다. : $e^{i\pi}+1=0$
작성하는 화면을 캡쳐로 보자면 다음과 같다.
(참고)
1. 스킨 편집의 'html 편집'에 넣은 자바 코드를 어떻게 설정하느냐에 따라 검색하면 나오는 포스팅마다 사용법이 조금씩 차이나는 것 같다.
2. PC로 접속할 때와 달리, 모바일에서 보니 수식 소스 적용이 안 된다. 그럴 때는 latex가 아니라 html로 소스코드를 생성해서 글 작성 시 모드를 html로 바꾸어 입력하면, 수식을 이미지로 넣어 모바일에서도 잘 볼 수 있다.
'Archive > Miscellaneous' 카테고리의 다른 글
| 전자소송포털에서 스스로 개명하기 (본명으로의 재개명) (0) | 2026.02.27 |
|---|---|
| 맥북에서 초간단 txt 파일 만드는 2가지 방법 (0) | 2026.02.24 |
| 마크다운 MarkDown 사용법 (0) | 2021.05.29 |
| OA 자격증 기출문제 모음 사이트 (2곳) (0) | 2021.05.07 |
| [구글링 중급] 구글 검색 방법 10가지 (0) | 2021.03.25 |