[javascript] Marked를 사용하여 마크다운 문서에 수학 공식을 추가하는 방법은?
  1. 수식 문법 사용하기: Marked는 기본적으로 수식 문법을 지원하지 않지만, 수식을 표시할 수 있는 라이브러리인 MathJax를 사용하여 수식을 마크다운 문서에 포함시킬 수 있습니다. 먼저, 마크다운 문서를 HTML로 변환할 때 renderer 옵션을 사용하여 커스텀 랜더러를 지정합니다.
const marked = require('marked');
const mathJaxRenderer = new marked.Renderer();

mathJaxRenderer.math = function (text) {
  return '<span class="math">' + mathJax(text) + '</span>';
};

marked.setOptions({
  renderer: mathJaxRenderer
});

const markdown = `
# 수학 공식 예시

이것은 수식의 예시입니다: $x^2 + y^2 = z^2$
`;

const html = marked(markdown);

위 코드에서 mathJax 함수는 MathJax를 사용하여 수식을 랜더링합니다. mathJax 함수는 수식을 HTML로 변환한 후 해당 HTML을 반환합니다. 위의 예제에서는 <span class="math"> 태그를 사용하여 수식을 감쌉니다. 마크다운에서 수식을 넣고 싶은 위치에 $ 를 사용하여 수식을 감싸는 것을 잊지 마세요.

  1. LaTeX 사용하기: LaTeX는 수식을 표현하기 위한 표준적인 방법이며, MathJax는 LaTeX를 지원합니다. 따라서 Marked를 사용하여 LaTeX 수식을 마크다운 문서에 추가할 수 있습니다. 마크다운 문서에서 LaTeX 수식을 표시하기 위해 $ 을 사용합니다.
# 수학 공식 예시

이것은 LaTeX를 사용한 수식의 예시입니다: $x^2 + y^2 = z^2$

다음은 LaTeX를 사용하여 다른 수식을 표현한 예시입니다:

$$
\int_{-\infty}^{+\infty} e^{-x^2} dx = \sqrt{\pi}
$$

위 코드에서 첫 번째 수식은 인라인 수식이고, 두 번째 수식은 블록 수식입니다. MathJax는 LaTeX 수식을 랜더링하여 페이지에 수식을 표시합니다.

위와 같은 방식으로 Marked를 사용하여 마크다운 문서에 수학 공식을 추가할 수 있습니다. MathJax를 사용하면 다양한 수식 형식을 지원하므로 수식 표현에 필요한 LaTeX 문법을 사용할 수 있습니다.