[javascript] Marked와 관련된 자주 하는 질문들에 대한 답변을 알려주세요.

30 Nov 2023

javascript

1. Marked를 어떻게 설치하나요?

Marked는 npm을 통해 설치할 수 있습니다. 아래 명령어를 사용하여 설치하세요:

npm install marked

2. Marked를 사용하여 Markdown을 HTML로 변환하는 방법은 무엇인가요?

Marked를 사용하여 Markdown을 HTML로 변환하는 예제 코드는 다음과 같습니다:

const marked = require('marked');
const markdownText = '# Hello, world!';
const htmlText = marked(markdownText);
console.log(htmlText);

3. Marked에서 코드 하이라이팅을 지원하나요?

네, Marked는 highlight.js와 통합되어 코드 하이라이팅을 지원합니다. 코드 블록에 lang 속성을 추가하여 원하는 언어의 하이라이팅을 적용할 수 있습니다. 예를 들면 다음과 같습니다:

```javascript
const example = 'code';
console.log(example);

## 4. Marked에서 Custom Renderer를 사용하는 방법은 무엇인가요?
Custom Renderer를 사용하여 Marked가 Markdown을 HTML로 변환할 때 출력을 커스터마이즈할 수 있습니다. 예를 들면 다음과 같습니다:
```javascript
const marked = require('marked');
const renderer = new marked.Renderer();
renderer.heading = (text, level) => {
  const escapedText = text.toLowerCase().replace(/[^\w]+/g, '-');
  return `<h${level}><a name="${escapedText}" class="anchor" href="#${escapedText}">${text}</a></h${level}>`;
};
const markdownText = '# Hello, world!';
const htmlText = marked(markdownText, { renderer: renderer });
console.log(htmlText);

Marked에 대한 더 자세한 정보와 예제 코드는 Marked 공식 문서를 참조하세요.