티스토리말고도 다른 웹사이트에서도 사용이 가능한 방법입니다.
이 방법으로 웹에 수식을 삽입할 수 있습니다.
LaTeX란
고품질 문서 조판 프로그램이며, 라이선스 비용이 없는 무료프로그램입니다.
LaTaX는 과학 및 기술 문서를 작성할 수 있는 기능(수식 등)이 포함되어있으며, 거의 모든 문서를 작성할 수 있습니다.
https://www.latex-project.org/
LaTeX - A document preparation system
LaTeX – A document preparation system LaTeX is a high-quality typesetting system; it includes features designed for the production of technical and scientific documentation. LaTeX is the de facto standard for the communication and publication of scientif
www.latex-project.org
MathJax란
MathJax는 JavaScript 라이브러리이며 마찬가지로 오픈 소스 프로그램입니다.
입력으로 MathML, TeX, ASCII Math을 사용할 수 있으며 HTML+CSS, SVG, MathML의 형식으로 출력합니다.
MathJax
Beautiful math in all browsers.
www.mathjax.org
MathJax와 LaTaX문법을 이용해 티스토리에 수식을 작성해보겠습니다.
MathJax 적용 방법
스킨 편집에 들어간 후
html 편집에 진입합니다.
그 후 대충 3번 줄 쯤에 있는 <head> 태그 아래줄에 다음의 코드를 삽입합니다.
( </head> 전 줄이면 어디든 상관 없습니다.)
<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.0.1/es5/tex-mml-chtml.js"></script>코드를 삽입하면 적용은 끝납니다.
MathJax 사용 방법
1. 문장 중간에 수식을 삽입하는 형태
\( 수식 \)
위 "수식" 부분에 TeX문법을 이용하여 \( ax^2 + bx + c = 0 \) 처럼 글쓰는 중간에 삽입하는형태로 사용할 수 있습니다.
2. 화면 중간에 수식을 보여주는 형태
\[ 수식 \]\[ ax^2 + bx + c = 0 \]
위 처럼 수식을 화면 한 가운데에 삽입이 가능합니다.
위 "MathJax 사용 방법" 을 작성하면서 캡쳐한 이미지입니다.
위 이미지를 참고하여 블로그를 포스팅할때 MathJax를 사용하시면 됩니다.
간단한 TeX 예제
유명한 식의 예제입니다.
\( x = {-b \pm \sqrt{b^2-4ac} \over 2a} \)
\( x = {-b \pm \sqrt{b^2-4ac} \over 2a} \)
\( ax^2 + bx + c = 0 \)
\( ax^2 + bx + c = 0 \)
\( a \ne 0 \)
\( a \ne 0 \)
편리한 응용 사이트
1. webdemo math 사이트
TeX 문법을 익히지 않아도 수식 삽입이 가능합니다.
https://webdemo.myscript.com/views/math/index.html#
math
webdemo.myscript.com
수식을 그리면 자동으로 인식하여 TeX 문법을 알려줍니다.
2. 한글과 컴퓨터 수식 편집기
https://www.malangmalang.com/trial/f7e32293a5f944bab7dacfbec1896513
말랑말랑플랫폼
더 쉽고, 더 색다르고, 더 재미있게! 한컴 말랑말랑플랫폼! 추억의 산성비 게임, 게임으로 즐기는 한컴 타자연습, 다양하고 재밌는 업무/생활 서비스
www.malangmalang.com
로그인/ 회원가입을 해야 사용할 수 있지만, 한글과 컴퓨터에서 만든 편집기이고 편리하게 사용할 수 있습니다.
- 23년 기준 서비스 종료되었습니다.
mathjax Live Demo
MathJax
Beautiful math in all browsers.
www.mathjax.org
미리 실시간으로 문법을 연습, 검사할 수 있습니다.
'잡동사니' 카테고리의 다른 글
| 스프링 (진짜 스프링) (2) | 2022.07.29 |
|---|---|
| 구름ide 플랜 정리 (4) | 2022.07.02 |
| 웹으로 코딩하기 #1 [replit.com] / Python, C++, Java 등 (0) | 2021.05.07 |
| [Git]윈도우, 리눅스 git 설치 /방법, 링크 (0) | 2021.04.26 |
| [용어](전자상거래) B2B, B2C란? /뜻, 약자, 예시 정리 /B2G, C2G, C2C (3) | 2021.04.25 |
댓글