티스토리 수식 입력 방법 (활용편)

 

 

 

 

 

 

 

 

 

 

 

티스토리에서 수식입력을 위한 설정 및 사용법은 아래 포스트를 확인해 주세요.

 

https://dream-hacker.tistory.com/78

티스토리 수식 입력 방법 (기본편)

 

 

 

이번 포스트에서는 수식 입력 활용으로 색깔 변경, 매크로 등록 등에 대해서 알아보도록 하겠습니다.

 

 

 

 

---

 

1. 수식 색깔 변경 (color)

 

검은색 수식이 아니라 수식의 색깔을 변경하고 싶은 경우

 

아래와 같이 \color{색깔} 수식을 입력하여 사용하면 됩니다.

기능	사용법	표시
글자색 변경	\$ {\color{red} x} + {\color{blue} y} \$	$ {\color{red} x} + {\color{blue} y} $
바탕색 변경	\$ \bbox[yellow]{x+y}   \$	$ \bbox[yellow]{x+y}   $

 

 

추가 패키지 없이 기본적으로 사용가능한 색깔은 아래와 같습니다. 

 

수식 색깔 변경이 안되는 경우, 

 

아래와 같이 color 패키지를 직접 불러오고 등록을 해야 합니다.

 

(기본적으로 불러오는데 안 되는 경우에는 직접 아래 코드 입력)

<script>
window.MathJax = {
  loader: {load: ['[tex]/color']},
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    packages: {'[+]': ['color']},
    color: {
      padding: '5px'
    }
  }
};
</script>

 

 

---

 

 

2. 공백 입력

 

수식 입력 시 약간의 공백을 두어야 하는 경우, 아래와 같이 공백을 입력할 수 있습니다.

 

기능	사용법	표시
공백 (thin space)	\$ A\,B \$	$ A\,B $
(medium space)	\$ A\:B \$	$ A\:B $
(medium space)	\$ A\>B \$	$ A\>B $
(thick space)	\$ A\;B \$	$ A\;B $

 

 

 

 

 

 

---

 

 

 

 

3. 자주 쓰는 문법을 매크로(macros)로 지정할 수 있습니다. 

 

예를 들어 설명하면,

 

편미분기호 쓸 때, \dfrac{\partial y}{\partial x} 라고 매번 입력하는 게 번거로운데,

 

아래와 같이 pdx 매크로를 등록하여 놓으면, 간단히 \pdx{y} 라고만 쓰면 됩니다.

 

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    macros: {      
      bold: ["{\\bf #1}", 1],
      ddx: ['\\dfrac{d#2}{d#1}', 2, 'x'],
      pdx: ['\\dfrac{\\partial #2}{\\partial #1}', 2, 'x'],
      intdx: ['\\displaystyle \\int_{#2}^{#3} #4 \\, d#1', 4, 'x'],
    },
  }
};
</script>

https://docs.mathjax.org/en/latest/input/tex/extensions/configmacros.html#tex-configmacros-options

 

 

 

이외에도 위에서 작성한 매크로에 대한 설명 및 사용법을 표시하면 아래와 같습니다.

매크로	사용법	표시
굵은 글씨	\$ \bold {Bold} \$	$ \bold {Bold} $
전미분	\$ \ddx{y} \$	$ \ddx{y} $
	\$ \ddx[t]{y} \$	$ \ddx[t]{y} $
편미분	\$ \pdx{u} \$	$ \pdx{u} $
	\$ \pdx[y]{u} \$	$ \pdx[y]{u} $
적분	\$ \intdx{0}{1}{c^2} \$	$ \intdx{0}{1}{c^2} $
	\$ \intdx[y]{0}{1}{c^2} \$	$ \intdx[y]{0}{1}{c^2} $

 

 

---

 

 

4. 정렬

 

수식을 등호기준으로 정렬하기 위해서는, 아래와 같이 \begin{aligned} \end{algined}와 & 기호를 사용합니다.

 

기능	사용법	표시
정렬	\\begin{aligned}     A & = B + C\\\       & = D + E + F\\\       & = G \\end{aligned}	\begin{aligned}     A & = B + C\\       & = D + E + F\\       & = G \end{aligned}

 

 

---

 

 

5. 번호 입력

 

수식에 자동으로 번호를 입력하려면 아래와 같이 scpirt에 ams 태그를 등록합니다.

window.MathJax = {
  tex: {
    tags: 'ams'
  }
};

 

 

사용법은 아래와 같습니다.

기능	사용법	표시
번호입력	\\begin{equation}    E = mc^2 \\end{equation}	\begin{equation}    E = mc^2 \end{equation}

 

 

 

 

MathJax에서 추가로 사용가능한 패키지는 아래 리스트는 아래의 링크에서 확인 가능합니다.

 

https://docs.mathjax.org/en/latest/input/tex/extensions/index.html