MathJax – 웹페이지에 수식입력하기

MathJax 를 이용하면 간단한 설정만으로 웹페이지에 수학 수식을 표현할 수 있다.

MathJax

Beautiful math in all browsers.
A JavaScript display engine for mathematics that works in all browsers.
No more setup for readers. It just works.

https://www.mathjax.org/

Setup

수식을 사용하고자 하는 웹페이지 <head> 태그에 다음과 같은 javascript를 입력한다.

<!-- mathjax -->
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$','$'], ['\\(','\\)']],
            processEscapes: true
        }
    });
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
<!-- mathjax -->

끝

Example

$$ 기호 사이에 LaTex 문법으로 수식을 입력하면 아래와 같이 표현해준다.

The Quadratic Formula

$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$

$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$

Cauchy’s Integral Formula

$$ f(a) = \frac{1}{2\pi i} \oint\frac{f(z)}{z-a}dz $$

$$ f(a) = \frac{1}{2\pi i} \oint\frac{f(z)}{z-a}dz $$

Double angle formula for Cosines

$$ \cos(θ+φ)=\cos(θ)\cos(φ)−\sin(θ)\sin(φ) $$

$$ \cos(θ+φ)=\cos(θ)\cos(φ)−\sin(θ)\sin(φ) $$

Gauss’ Divergence Theorem

$$ \int_D ({\nabla\cdot} F)dV=\int_{\partial D} F\cdot ndS $$

$$ \intD ({\nabla\cdot} F)dV=\int{\partial D} F\cdot ndS $$

Curl of a Vector Field

$$ \vec{\nabla} \times \vec{F} = \left( \frac{\partial F_z}{\partial y} - \frac{\partial F_y}{\partial z} \right) \mathbf{i} + \left( \frac{\partial F_x}{\partial z} - \frac{\partial F_z}{\partial x} \right) \mathbf{j} + \left( \frac{\partial F_y}{\partial x} - \frac{\partial F_x}{\partial y} \right) \mathbf{k} $$

$$ \vec{\nabla} \times \vec{F} = \left( \frac{\partial F_z}{\partial y} – \frac{\partial F_y}{\partial z} \right) \mathbf{i} + \left( \frac{\partial F_x}{\partial z} – \frac{\partial F_z}{\partial x} \right) \mathbf{j} + \left( \frac{\partial F_y}{\partial x} – \frac{\partial F_x}{\partial y} \right) \mathbf{k} $$

Standard Deviation

$$ \sigma = \sqrt{ \frac{1}{N} \sum_{i=1}^N (x_i -\mu)^2} $$

$$ \sigma = \sqrt{ \frac{1}{N} \sum_{i=1}^N (x_i -\mu)^2} $$

Definition of Christoffel Symbols

$$ (\nabla_X Y)^k = X^i (\nabla_i Y)^k = X^i \left( \frac{\partial Y^k}{\partial x^i} + \Gamma_{im}^k Y^m \right) $$

$$ (\nabla_X Y)^k = X^i (\nablai Y)^k = X^i \left( \frac{\partial Y^k}{\partial x^i} + \Gamma{im}^k Y^m \right) $$

문장 안에 입력

문장 안에 수학 수식을 입력할 수도 있다. \\(x\\) 이렇게.

문장 안에 수학 수식을 입력할 수도 있다. $x$ 이렇게.

[Web] MathJax – 웹페이지에 수식입력하기