2021. 1. 13. 23:58ㆍ기본수학
HTML 수식 입력 스크립트 추가하기
수학수식에는 분수, 소수, 제곱, 로그, 시그마 등의 다양한 수식들이 있습니다.
이러한 다양한 수식들을 HTML을 사용하지 않고
티블로그 기본모드에서 입력을 할 수 있는 방법이 있습니다.
우선 먼저 아래의 코드를 블로그 관리->스킨편집-> html편집으로 들어가서
<head>와 </head> 사이에 붙여 넣습니다.
<script>
(function () {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
document.getElementsByTagName("head")[0].appendChild(script);
})();
</script><script type="text/javascript" id="MathJax-script" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.0.0/es5/latest?tex-mml-chtml.js">
</script>
<script>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']]
}
};
</script>
<script id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>문제는 여러군데서 스크립트를 주워와서 사용을 하고 있는데요,
위에 있는 스크립트는 R Markdown문법을 사용하는 스크립트이고,
아래의 스크립트는 mathjax (3.0.0)를 사용하는 스크립트입니다.
내용을 잘 알고 계시는 분들은 그냥 필요한 스크립트만 넣어서 사용하시면 되겠네요...
그리고 mathjax 3.0.0 이상의 버전을 사용하는 중이라면 아래의 스크립트를 추가해 놓으면 알아서 최신 버전을 로드해 준다고 합니다.
<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>
암튼, 위의 스크립트를 붙여넣고 적용을 하신후 블로그 글쓰기 기본모드에서 편집하실때 LaTex의 기본 형식과 간단한 규칙을 적용하여 작성하시면 아래의 예시와 같이 수학 수식을 사용하실 수 있습니다.
출력 예시)
\(a \ne 0\) 일 때, \(ax^2 + bx + c = 0\) 의 해는 2개이며, 그 해 x는 아래와 같다.
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]
\(a \ne 0\) 일 때, \(ax^2 + bx + c = 0\) 의 해는 2개이며, 그 해 x는 아래와 같다.
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]
수학 수식 코드 입력 (문법)
[ 수식 입력시에는 코드 앞 뒤에 $표시를 붙여야 합니다. ]
[ mathjax 3.0 이상의 버전에서는 Tex문법에서 LaTex문법으로 바뀌었다고 합니다. ]
수식적용 예)
수식 앞뒤에 위 표의 문자를 입력하시고 아래의 코드를 입력하시면 됩니다.
분수 표기 : (코드) \frac{2}{4} = \frac{1}{2} (화면) \(\frac{2}{4} = \frac{1}{2}\)
지수 표기 : (코드) 3^{2} = 9 (화면) \(3^{2} = 9\)
루트 표기 : (코드) \sqrt{25} = 5 (화면) \(\sqrt{25} = 5\)
순환소수 표기 : (코드) \0.\dot3, \0.\dot1\dot2 (화면) \(0.\dot3\), \(0.\dot1\dot2\)
이 외의 필요한 다양한 Tex 수학 수식 기호들은 아래의 링크들을 통해서 찾아보실 수 있습니다.
수학 수식 기호를 찾아볼 수 있는 사이트
다음 사이트서 어지간한 수식은 다 찾을 수 있을 것 같습니다.
www.onemathematicalcat.org/MathJaxDocumentation/MathJaxKorean/TeXSyntax_ko.html
MathJax에서 유용한 TeX 명령어
\small 작은 크기 활성화; 모든 수식에 영향을 준다. class ORD {\small ... } 보기: \rm\tiny tiny \Tiny Tiny \small small \normalsize normal \large lg \Large Lg \LARGE LG \huge hg \Huge Hg 결과 $ \rm\tiny tiny \Tiny Tiny \small small \n
www.onemathematicalcat.org
수학수식을 편집 할 수 있는 사이트를 통해 간단하게 사용할 수 있습니다.
www.codecogs.com/latex/eqneditor.php
Online LaTeX Equation Editor - create, integrate and download
Type your equation in this box
www.codecogs.com
그림으로 그려서 수학 수식 코드를 찾는 사이트도 있습니다....
detexify.kirelabs.org/classify.html
Detexify LaTeX handwritten symbol recognition
Want a Mac app? Lucky you. The Mac app is finally stable enough. See how it works on Vimeo. Download the latest version here. Restriction: In addition to the LaTeX command the unlicensed version will copy a reminder to purchase a license to the clipboard w
detexify.kirelabs.org
역시 백과사전을 빼놓을 수 없겠죠...
ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:TeX_%EB%AC%B8%EB%B2%95
위키백과:TeX 문법 - 위키백과, 우리 모두의 백과사전
위키백과, 우리 모두의 백과사전. 위키백과에서는 수학 공식을 간편하게 입력하기 위해, TeX 문법을 지원합니다. 이것은 수식이 간단한 경우 HTML로, 복잡한 경우에는 PNG 그림으로 나타납니다. 또
ko.wikipedia.org