\(a^2+b^2=c^2\)티스토리 수식 입력 방법 LaTeX Equation Editor
티스토리 블로그에 수학/물리 등 공부자료를 올릴 때 수식을 입력해야 되는 경우가 있다.
가장 쉬운 예를 들어서 피타고라스 공식을 쓴다고 한다면
\(a^2+b^2=c^2\) 으로 표현되는 것이 보기에 편하다.
그러나 이 식의 제곱이라는 기호는 ^ 으로 대체되어
a^2+b^2=c^2 으로 표현하게 되고, 이는 우리가 자주 접하던 공식과 다르기 때문에 괴리감이 생길 수 있다.
그렇다면 어떻게 티스토리 수식 입력을 할 수 있을까?
우선 티스토리에서 수식 입력을 받았을 때, 이를 변환해줄 수 있는 코드가 필요하고,
다음으로 수식을 입력할 줄 알아야 한다. 이는 LaTeX Equation Editor 라는 매우 편리한 사이트에서 가능하다.
자 그럼 자신의 티스토리 계정에 수식을 입력 받았을 때 변환을 위한 코드를 작성해준다.
아래와 같이 티스토리 설정에서 스킨 편집 이라는 메뉴로 이동하자.
다음으로 오른쪽 부분의 html 편집 이라는 곳에 들어간다.
HTML 에서 <head> 라는 곳과 <\head> 라는 곳 사이에 아래와 같은 코드를 넣어주면 된다.
나의 HTML 코드에서는 20, 21 번째의 열을 추가시켜 주었다.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
두 줄을 추가해준 후 적용을 꼭 눌러주자.
다음으로 수식을 입력할 수 있어야 한다. 수식을 입력하기 위해서는 아래의 링크를 통해 변환시켜보자.
https://www.codecogs.com/latex/eqneditor.php
Online LaTeX Equation Editor - create, integrate and download
Type your equation in this box
www.codecogs.com
링크를 타고 들어가면 보이는 화면이다. 이제 여기에서 수식을 입력하고 출력된 결과를 본 후
티스토리 수식 입력을 하면 된다.
자, 가장 쉬운 피타고라스 공식을 위한 제곱을 입력해보았다.
순서대로, a를 입력하고 아래의 빨간 네모가 있는 \({x^a}\) 를 클릭해주고
중괄호 속에 2를 입력해주면, 가장 아래의 \({a^2}\) 를 확인할 수 있다.
같은 원리로 수식을 완성시켜본다.
아래와 같이 우리가 원하는 형태의 모양이 나왔다.
그렇다면, 티스토리 블로그에 입력해야하는 수식은 위에 나와있는
a^{2}+b^{2}=c^{2} 인 것이다. 근데 이것을 그냥 입력한다고해서 바뀔까?
답은 아니다. 이 수식을 입력한다고 해서 바로 나오는 것이 아니다. 우리가 처음에 추가해주었던 코드를 통해 위의 수식이 변환되어 나올 수 있도록 해야한다. 방법 2가지를 소개한다.
1) 수식이 1줄 전체를 차지하게 하는 방법
달러 2개를 기억하자. ＄＄를 사용한다.
즉, 위 수식을 1줄 차지하도록 하는 방법은 아래와 같이 입력하는 것이다.
＄＄ a^{2}+b^{2}=c^{2} ＄＄
출력값
$$a^{2}+b^{2}=c^{2}$$
2) 수식이 단어처럼 사용하게 하는 방법
\( 와 \) 를 기억하자.
\( a^{2}+b^{2}=c^{2} \)
출력값 및 이어서 글 쓴 경우
\(a^2+b^2=c^2\)는 피타고라스 공식이다.
이렇게 옆으로 계속 글을 쓸 수 있다.
두 방법 모두 상황에 맞게 사용하면 될 것 같다. 강조가 필요할 때는 1번 방법, 설명할 때는 2번 방법.
이상으로 티스토리 블로그에 수식 입력하는 방법을 알아보았습니다.