킹머핀의 제작 일지
티스토리 위첨자, 아래첨자 쉽게 쓰는 법 (feat. LaTeX) 본문
티스토리 에디터는 첨자 표기를 지원하지 않습니다. 수학 수식 입력기는 전문성을 요구하니 지원하지 않아도 괜찮다고 해도, 첨자는 정말 유용한 표기법인데 왜 아직까지도 지원을 안 해주는지 모르겠습니다.
일단 HTML 에디터를 지원하니까, 많은 블로거들이 HTML 태그를 활용하는 법을 가르쳐주고, 또 사용합니다.
에디터 메뉴 오른쪽의 '기본모드'를 'HTML'으로 바꾼 다음, <sup>위첨자</sup> 또는 <sub>아래첨자</sub>와 같이 꺾쇠 괄호로 된 HTML 태그로 감싼 뒤 '기본모드'로 돌아오라는 방식이죠.
그런데 수학 수식을 입력하다보니 기가 막힌 아이디어가 떠올랐습니다. LaTeX 문법은 기본 모드에서 입력이 가능하거든요. 즉 에디터 모드를 HTML으로 바꾸었다가 다시 기본 모드로 돌아오는 번거로움이 없어도, LaTeX 문법으로 제곱수나 값의 형태를 쓸 때처럼 ^{위첨자} 또는 _{아래첨자} 와 같이 입력하기만 하면 될 것입니다.
라텍스 문법은 다채로운 수학 수식을 컴퓨터 문자로 쉽게 표현하기 위한 표기법이라고 생각하시면 됩니다.
그러려면 먼저 LaTeX 수식을 입력할 수 있도록 티스토리 스킨 HTML를 쬐끔 수정해야 합니다.
<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>
이 HTML 스니펫을 복사&붙여넣기 하면 됩니다. 그럼 티스토리 기본 에디터에서 LaTex 문법을 입력할 수 있어요.
MathJax 공식 홈페이지에서 직접 가져온 스니펫이니, 무섭게 생겼더라도 설명한 대로 따라해주셔도 돼요. 그리고 항상 최신 버전을 사용하는 스니펫이므로, 업그레이드 알레르기가 있으신 분들은 저 하이퍼링크를 통해 특정 버전을 쭉 사용할 수도 있습니다.
준비는 끝났으니 이제 첨자를 사용해 볼까요?!
위에서 보여드린 것처럼 ^{} 또는 _{} 의 중괄호 안에 내용을 입력한 후, 이 문자를 \\( 와 \\) 으로 가두어주면 됩니다.
예를 들어, \\( ^{위첨자} \\) 또는 \\( _{아래첨자} \\) 와 같이 입력한다면 \( ^{위첨자} \) 또는 \(_ {아래첨자} \) 이렇게 보이겠죠.
더 간결한 방법도 있습니다! \\( ^U \) 또는 \\( _D \) 와 같이 문자 하나만 입력할 때엔 중괄호가 없이 ^와 _만 입력해도 \( ^U \) 또는 \( _D \) 이렇게 잘 보여요.
어? 똑같이 입력해도 안 보이는데요? 저거 사기 아닌가요? 설마 바이러스? 해킹? 그렇다면 아래 세 가지 중 하나일 수 있습니다.
- 에디터에서는 입력한 그대로 보입니다. 왼쪽 아래의 '미리보기'를 클릭하거나 해당 글을 발행하면 제대로 보일 거예요.
- 혹시 괄호를 닫는 문자를 \\) 가 아니라 )\ 로 입력하신 건 아닌가요? 제가 그랬다가 또 한참 애먹었습니다.
- 혹시 중괄호({}) 안의 문자를 복붙하셨나요? 그렇다면 글자색을 정의하는 태그(<span style="color: #333333;"></span>)가 LaTeX 문법을 방해하고 있을 수 있습니다. 해당 문자를 앞뒤까지 지운 후 다시 쓰거나, HTML 에디터에서 span 태그를 지우세요. 여기에서 span 태그를 한 번에 날려버릴 수도 있습니다.
- 다른 블로그에서는 달러 표기($)를 가르쳐주길래 그게 더 편해보여서 순진한 이 글의 작성자를 비웃으며 $을 이용하셨겠지만 아직 무르시네요. 그건 TeX 문법이고, 이건 LaTeX 문법이랍니다. (훗)
자, 그럼 제곱을 표현해보겠습니다. 2\(^{8}\) = 256 와우! 근데 생각해보니 이 경우엔 제곱 뿐만 아니라 그냥 통째로 LaTeX 문법으로 작성하면 되겠군요. \(2^{8} = 256\)
이제 출처도 학식있는 사람인 척하며 남길 수 있게 됐습니다. 음 예를 들어 저 위의 목록 중 4번은 이 글에서 알게 되었습니다.\( ^{1)} \)
\( ^{1)\text{ '티스토리 MathJax 사용 방법', 토르비욘, 2020.1.28.}} \)
$을 두 번씩 쓰면 수식을 사용할 수 있긴 하지만, 인라인 수식이 아니라서 강제로 가운데 정렬이 되기 때문에 위의 예시처럼 첨자로 사용할 수는 없답니다.
마지막 꿀팁으로, 수식 사이에 글을 입력하면 모든 띄어쓰기가 생략됩니다. 그래서 위처럼 띄어쓰기를 유지하고 싶으면 \\text{} 의 괄호 안에 내용을 입력하면 됩니다! &
'잡담' 카테고리의 다른 글
| 가상현실 내 성폭력 예방 장치 구상 (0) | 2021.03.04 |
|---|---|
| 이 운동을 하면 인디 게임 개발자가 됩니다 (실전) (1) | 2021.01.31 |
| 퍼즐) 1106 ~ 333 (0) | 2020.11.06 |
| 티스토리 마크다운 에디터는 뷁입니다 (0) | 2020.10.15 |
| 잡다한 잡담 담다 (0) | 2020.10.13 |
