Dev.to에서 아름다운 수학 방정식 작성하는 방법

Source: Dev.to

소개

Dev.to는 KaTeX를 통해 수학 방정식을 지원합니다. 알고리즘, 머신러닝, 암호학 또는 수학이 많이 포함된 주제에 대한 글을 쓰는 경우, 이는 필수 지식입니다. 이 가이드는 기본 문법부터 방정식을 멋지게 보이게 하는 실용적인 팁까지 모두 다룹니다.

독립 방정식

자신만의 줄에 있는 방정식은 LaTeX 코드를 KaTeX liquid 태그로 감싸세요:

{% katex %}
\int_0^\infty e^{-x^2} \,dx = \frac{\sqrt{\pi}}{2}
{% endkatex %}

인라인 방정식

텍스트 내에서 방정식을 사용할 때는 KaTeX 태그의 인라인 변형을 사용하세요:

The function {% katex inline %} f(x) = x^2 + 1 {% endkatex %} is defined for all real numbers.

분수

{% katex %}
\frac{a}{b}, \quad \dfrac{a}{b}, \quad \cfrac{1}{1+\cfrac{1}{2}}
{% endkatex %}

합과 곱

{% katex %}
\sum_{k=1}^{n} k = \frac{n(n+1)}{2}, \quad \prod_{i=1}^{n} a_i
{% endkatex %}

적분

{% katex %}
\int_a^b f(x)\,dx,\quad \iint_D f(x,y)\,dx\,dy,\quad \oint_C \mathbf{F}\cdot d\mathbf{r}
{% endkatex %}

극한

{% katex %}
\lim_{n \to \infty} \left(1 + \frac{1}{n}\right)^n = e
{% endkatex %}

행렬

{% katex %}
A = \begin{pmatrix}
a_{11} & a_{12} \\
a_{21} & a_{22}
\end{pmatrix}
{% endkatex %}

괄호 변형

• pmatrix – 둥근 괄호
• bmatrix – 사각 괄호
• vmatrix – 행렬식 기호
• Bmatrix – 중괄호

구간별 함수

{% katex %}
|x| = \begin{cases}
x & (x \geq 0) \\
-x & (x < 0)
\end{cases}
{% endkatex %}

다중 라인 정렬 방정식

aligned 환경(align이 아님)을 사용하여 방정식을 원하는 지점(보통 =)에 맞춰 정렬합니다:

{% katex %}
\begin{aligned}
(a+b)^2 &= (a+b)(a+b) \\
        &= a^2 + 2ab + b^2
\end{aligned}
{% endkatex %}

일반 그리스 문자

유용한 연산자

스타일링 및 간격

간격 조정 전

\int_0^1 f(x)dx

간격 조정 후

\int_0^1 f(x)\,dx

자동 크기 조정 괄호

키가 큰 내용을 \left와 \right로 감싸면 구분 기호의 크기가 자동으로 조정됩니다:

{% katex %}
\left(\frac{a}{b}\right)^2
{% endkatex %}

방정식의 일부 강조하기

\\color{} 를 사용하여 구성 요소를 강조합니다:

{% katex %}
f(x) = \color{red}{a}x^2 + \color{blue}{b}x + \color{green}{c}
{% endkatex %}

박스 결과

키 결과를 \boxed{} 로 강조하세요:

{% katex %}
\boxed{E = mc^2}
{% endkatex %}

Dev.to의 KaTeX에서 작동하지 않는 것

• \newcommand – 사용자 정의 매크로는 지원되지 않음
• \begin{align} – 대신 KaTeX 태그 안에서 aligned를 사용
• \label / \ref – 자동 번호 매기기나 교차 참조가 없음
• 정리 환경(\begin{theorem}) – 사용할 수 없음
• TikZ 다이어그램(tikzcd, tikzpicture) – 렌더링되지 않음
• $...$ 구문 – liquid 태그를 사용해야 함

수동 방정식 번호 매기기

번호가 필요하면 \tag{}를 수동으로 추가하세요:

{% katex %}
E = mc^2 \tag{1}
{% endkatex %}

빠른 참고

• 블록 수식: {% katex %} … {% endkatex %}
• 인라인 수식: {% katex inline %} … {% endkatex %}
• 다중 행 방정식: KaTeX 태그 안에서 aligned ( align 아님) 사용
• 공백: \,, \quad, \qquad
• 괄호 크기 조정: \left … \right

이 팁들은 Dev.to에서 명확하고 아름다운 수학 콘텐츠를 작성하는 데 도움이 됩니다.