1. ์ด ๋๊ตฌ๋ ๋ฌด์์ ํ๋์
์ด ๋ฌด๋ฃ ์จ๋ผ์ธ ์์ ์
๋ ฅ๊ธฐ๋ LaTeX ์์์ ์
๋ ฅํ๋ฉด ์ค์๊ฐ์ผ๋ก ๋ ๋๋ง๋๊ณ ์์์ PNG๋ก ๋ค์ด๋ก๋ํ ์ ์๊ฒ ํด ์ค๋๋ค. ์์ , ์ฌ๋ผ์ด๋, ๋ฌธ์์ฉ LaTeXโ์ด๋ฏธ์ง, ์์ ์์ฑ๊ธฐ, ์์โPNG๋ก ์ฌ์ฉํ์ธ์. ์ค์นยท๊ฐ์
๋ถํ์, ๋ชจ๋ ์์
์ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ฃจ์ด์ง๋๋ค. ๋๊ตฌ ๋ชจ์์ผ๋ก ๋ถ์, ๊ทผํธ, ์ ๋ถ, ๊ทธ๋ฆฌ์ค ๋ฌธ์๋ฅผ ๋ฃ๊ฑฐ๋ E = mc^2, \frac{a}{b} ๊ฐ์ ํ๊ธฐ๋ฒ์ ์
๋ ฅํ ์ ์์ต๋๋ค. ๋ฌธ์, ์น์ฌ์ดํธ, ์์ , STEM ์ฝํ
์ธ ์ ์ ํฉํฉ๋๋ค.
2. ์ฌ์ฉ ๋ฐฉ๋ฒ
๋น ๋ฅธ ์์: ์ผ์ชฝ ํจ๋์ LaTeX๋ฅผ ์ ๋ ฅํ๊ฑฐ๋ ๋ถ์ฌ๋ฃ๊ณ , ํ์ ์ ๋๊ตฌ ๋ชจ์์ผ๋ก ๊ธฐํธ๋ฅผ ์ฝ์ ํ ๋ค ์ค์๊ฐ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํ์ธํ๊ณ PNG ๋ค์ด๋ก๋๋ฅผ ํด๋ฆญํ์ธ์. ์ํ ๋ก๋๋ก ๊ฐ๋จํ ์๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
- LaTeX ์ ๋ ฅ โ ์ผ์ชฝ ํ ์คํธ ์์ญ์ ์์์ ์ ๋ ฅํ๊ฑฐ๋ ๋ถ์ฌ๋ฃ์ผ์ธ์. ์ ๋๊ตฌ ๋ชจ์์ผ๋ก ๋ถ์, ์ ๊ณฑ๊ทผ, ์ ๋ถ, ๊ทธ๋ฆฌ์ค ๋ฌธ์ ๋ฑ ์ผ๋ฐ LaTeX ๊ธฐํธ๋ฅผ ์ปค์ ์์น์ ์ฝ์ ํ ๋ค ํ๋ ์ด์คํ๋๋ฅผ ํ์์ ๋ฐ๋ผ ์์ ํ์ธ์.
- ๋ฏธ๋ฆฌ๋ณด๊ธฐ โ ์ค๋ฅธ์ชฝ ํจ๋์ ๋ ๋๋ง๋ ์์์ด ์ค์๊ฐ์ผ๋ก ํ์๋ฉ๋๋ค. ์๋ชป๋ ๋ฌธ๋ฒ์ KaTeX๊ฐ ๋นจ๊ฐ์์ผ๋ก ํ์ํฉ๋๋ค.
- ์ํ ๋ก๋ โ ์ํ ๋ก๋๋ฅผ ํด๋ฆญํ๋ฉด ๊ฐ๋จํ ์(
E = mc^2)๊ฐ ์ฑ์์ง๋๋ค. - PNG ๋ค์ด๋ก๋ โ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๊ฐ ๋ง์ผ๋ฉด PNG ๋ค์ด๋ก๋๋ฅผ ํด๋ฆญํด ์์์ ์ด๋ฏธ์ง ํ์ผ๋ก ์ ์ฅํ์ธ์.
- ์ง์ฐ๊ธฐ โ ์ง์ฐ๊ธฐ๋ฅผ ํด๋ฆญํ๋ฉด ์ ๋ ฅ์ ์ด๊ธฐํํ๊ณ ๋ค์ ์์ํ ์ ์์ต๋๋ค.
3. ์๋ ๋ฐฉ์
๋๊ตฌ๋ KaTeX๋ก ๋ธ๋ผ์ฐ์ ์์ LaTeX ์์์ ๋ ๋๋งํฉ๋๋ค. KaTeX๊ฐ ์
๋ ฅ์ ํ์ฑํด ์คํ์ผ์ด ์ ์ฉ๋ ์์ ๊ธฐํธ๊ฐ ์๋ HTML์ ๋ง๋ญ๋๋ค. throwOnError: false๋ก ์๋ชป๋ LaTeX๋ ํ์ด์ง๋ฅผ ์ค๋จํ์ง ์๊ณ ๋นจ๊ฐ ์ค๋ฅ ํ
์คํธ๋ก ํ์๋ฉ๋๋ค. PNG ๋ด๋ณด๋ด๊ธฐ๋ dom-to-image๋ก ๋ ๋๋ง๋ DOM ๋
ธ๋๋ฅผ ํฐ ๋ฐฐ๊ฒฝ์ ๋์คํฐ ์ด๋ฏธ์ง๋ก ์บก์ฒํฉ๋๋ค. ๋ชจ๋ ์ฒ๋ฆฌ๋ ๋ธ๋ผ์ฐ์ ์์๋ง ์ด๋ฃจ์ด์ง๋ฉฐ ์๋ฒ๋ก ๋ฐ์ดํฐ๊ฐ ์ ์ก๋์ง ์์ต๋๋ค.
4. ์ฌ์ฉ ์ฌ๋ก ๋ฐ ์์
- ๋ฌธ์ โ Word, Google Docs, ์ฌ๋ผ์ด๋์ฉ ์์ ์ด๋ฏธ์ง ๋ง๋ค๊ธฐ.
- ์น์ฌ์ดํธ โ LaTeX ๋ ๋๋ง์ด ์์ ๋ PNG ์์ ์์ฑ.
- ์์ โ ์์ ์ ๋ ฅ ํ ์ ์ถยท๊ณต์ ์ฉ์ผ๋ก ๋ด๋ณด๋ด๊ธฐ.
- STEM ์ฝํ ์ธ โ ์ถํ ํ์ง ์ํ ํ๊ธฐ ์์ฑ.
์์
E = mc^2โ ์์ธ์ํ์ธ ์ง๋โ์๋์ง ๋ฑ๊ฐ๋ก ๋ ๋๋ง.\frac{a}{b}โ ๋ถ์ a/b๋ก ๋ ๋๋ง.\sqrt{x^2 + y^2}โ xยฒ + yยฒ์ ์ ๊ณฑ๊ทผ์ผ๋ก ๋ ๋๋ง.
5. ์ ํ ์ฌํญ ๋ฐ ์๋ ค์ง ์ ์ฝ
- ์ ๋ ฅ ํ๋ โ ๊ณผ๋ํ ์ฐ์ฐ ๋ฐฉ์ง๋ฅผ ์ํด ์์๋น ์ต๋ 2,000์.
- LaTeX ๋ถ๋ถ์งํฉ โ KaTeX๋ ์ผ๋ฐ์ ์ธ ์ํ ํ๊ธฐ ๋๋ถ๋ถ์ ์ง์ํ์ง๋ง ์ ์ฒด LaTeX๋ ์๋(์:
\usepackage์์). - ๋์คํ๋ ์ด ๋ชจ๋๋ง โ ์์์ ๋ธ๋ก/๋์คํ๋ ์ด ๋ชจ๋(๊ฐ์ด๋ฐ ์ ๋ ฌ)๋ก๋ง ๋ ๋๋ง๋๋ฉฐ ์ธ๋ผ์ธ ๋ชจ๋๋ ์ ๊ณตํ์ง ์์ต๋๋ค.
- ํด๋ผ์ด์ธํธ ์ ์ฉ โ ๋งค์ฐ ๊ธธ๊ฑฐ๋ ๋ณต์กํ ์์์ ๋ธ๋ผ์ฐ์ ์์ ์ ๊น UI ์ง์ฐ์ ์ผ์ผํฌ ์ ์์ต๋๋ค.