워드프레스에 만든 블로그에 수학 공식등을 표기하고 싶다면 어떡해야할까요? 기존에 원주율 3.14 파이계산 공식을 포스팅할려고 하니 이러한 공식이 제대로 표기가 되지 않아 불편햇는데요 이렇게 분수, 분모, 루트, 제곱, 세제곱, 지수, 로그, 자연로그, 적분, 정적분, 도함수, 편미분, 시그마, 합, 곱, 발산, 회전, 사인, 코사인, 탄젠트, 코시컨트, 시컨트, 코탄젠트, 행렬, 벡터, 행렬식, 전치, 무한대, 모든, 존재, 근사값, 델타, 감마, 오메가, 알파, 베타, 파이, 람다, 세타 등등 특수문자 같은 복잡한 표현은 워드프레스 기본 기능만으로는 다소 불편하게 느껴질 수 있습니다.
하지만 워드프레스 사용자라면 MathJax-LaTeX 플러그인을 활용하면 이를 손쉽게 해결할 수 있으며 그리고 티스토리라면 MathJax 지원하고 잇으며 네이버블로그는 별도의 MathJax 지원한다기보단 수학공식등을 넣을 수 있는 별도의 기능을 제공하고 있기 때문에 별도로 어렵지 않게 사용할 수 있습니다.
우선 워드프레스 사용자라면 MathJax-LaTeX를 설치하고 활용하는 방법, 주의사항 및 다른 플랫폼에서의 활용법을 알아보겠습니다.
MathJax-LaTeX 플러그인 설치 및 활용법
1. MathJax-LaTeX 설치 방법
설치 절차
- 워드프레스 관리자 페이지 접속
→ 플러그인 메뉴에서 새로 추가 선택. - 오른쪽 상단 검색창에 MathJax-LaTeX를 입력 후 검색해서 플러그인을 설치하고 활성화 버튼을 클릭해줍니다.
이렇게 워드프레스 플러그인이 활성화되면 LaTeX 문법을 활용한 수식 입력이 가능하며 이후 별도의 추가 설정 없이 바로 사용할 수 있다는 점이 장점입니다.
2. MathJax-LaTeX 활용법: 단계별 예제
1) 문장 중간에 수식 입력
텍스트 사이에 수식을 삽입할 때는 \( ... \) 문법을 사용합니다.
단면적이 \( A \)이고 전류 \( I \)가 흐르는 도체의 전류밀도 \( J \)는 다음과 같이 정의됩니다:
\( J = \frac{I}{A} \).단면적이 AAA이고 전류 III가 흐르는 도체의 전류밀도 JJJ는 다음과 같이 정의됩니다.
2) 문단과 분리된 수식 입력
수식을 독립된 문단으로 작성하려면 $$ ... $$ 문법을 사용합니다.
전류밀도는 다음과 같이 정의됩니다:
$$
J = \frac{I}{A} = nqv_d ~[\mathrm{A/m^2}]
$$전류밀도는 다음과 같이 정의됩니다.
3) 정렬된 수식 입력
수식을 정렬하려면 align* 환경을 사용합니다.
$$
\begin{align*}
y &= (x+2)^2 \\
&= x^2 + 4x + 4
\end{align*}
$$
4) 특수문자 입력
Greek 문자, 화살표 등 특수문자는 다음과 같이 입력합니다.
$$
\alpha, \beta, \gamma, \rightarrow, \eta
$$
5) 수식 번호 부여
수식에 번호를 추가하려면 \tag를 사용합니다.
$$
\begin{align}
\tag{1} J &= \frac{I}{A} \\
\tag{2} y &= \big( \frac{1}{2} \big)^2
\end{align}
$$
주의사항 및 플랫폼 비교
MathJax-LaTeX를 사용하며 주의할 점과 다른 플랫폼에서의 활용법도 살펴보겠습니다.
1. 주의사항: 워드프레스에서 수식 이미지 사용
네이버 블로그와 같은 플랫폼에서는 MathJax-LaTeX의 직접 활용이 불가능하지만 대신 수식 입력 후 그림 파일로 다운로드하여 붙여넣어야 합니다.
그리고 네이버 블로그 상단에는 수식이라고 하는 자체기능이 추가되어 지원하고 있습니다.
이를 통해 손쉽게 네이버블로그에서는 특수문자나 수학공식이나 단위등을 쉽게 넣을 수 있습니다.
2. Tistory에서 MathJax 활용하기
Tistory는 MathJax를 기본적으로 지원하며, 다음 절차를 통해 설정할 수 있습니다:
- 스킨 설정
관리자 페이지 → 꾸미기 → 스킨 편집 → HTML 편집으로 이동. - 코드 삽입
<head>태그 사이에 아래 코드를 추가합니다.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML"></script>글 작성 시 수식 삽입
- 인라인 수식:
$ f(x) = x^2 $ - 블록 수식:
$$ f(x) = x^2 $$
수식 크기 및 정렬 문제
분수나 시그마 기호 등이 작게 출력될 경우, \displaystyle을 사용하여 크기를 조정합니다.
$\displaystyle \sum_{n=1}^\infty a_n$HTML 모드에서 작성 후 기본 모드로 복사하면 종종 에러가 발생합니다. 이를 방지하려면 HTML 모드에서 처음부터 작성하거나, 복사 시 원본 문법만 가져와야 합니다.
이상 MathJax-LaTeX는 워드프레스와 같은 플랫폼에서 수식 입력을 단순화하고 학술적 표현을 가능하게 하지만 사용 플랫폼에 따라 제한 사항이 있을 수 있으므로, 각 플랫폼의 장단점을 비교하여 적합한 도구를 선택하느것이 좋으며 플러그인 호환이나 문제에 대해 걱정이라면 그냥 특수문자나 수학기호등은 이미지로 표기하느게 좋을 수 있습니다.
더 자세한 MathJax 활용법은 MathJax 공식 문서를 참조하세요!