Marked를 사용한 마크다운 자습서

마크다운은 텍스트 기반의 마크업 언어로, 문서를 작성하고 서식을 지정하기 위해 사용됩니다. Marked는 마크다운을 HTML로 변환해주는 JavaScript 라이브러리입니다. 이 자습서에서는 Marked의 예제와 사용법에 대해 알려드리겠습니다.

설치

Marked는 npm(Node Package Manager)을 통해 설치할 수 있습니다. 다음 명령어를 사용하여 Marked를 설치해주세요.

npm install marked

사용 방법

Marked를 사용하기 위해 먼저 marked 모듈을 가져와야 합니다. 아래 예제 코드는 marked 모듈을 가져오는 방법을 보여줍니다.

const marked = require('marked');

기본 변환

Marked로 마크다운을 HTML로 변환하기 위해 marked() 함수를 사용합니다. 아래 예제 코드는 간단한 마크다운 문서를 HTML로 변환하는 방법을 보여줍니다.

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

위 예제 코드를 실행하면 다음과 같은 결과가 출력됩니다.

<h2>Hello, Marked!</h2>

옵션 설정

Marked는 다양한 옵션을 제공하여 변환 결과를 커스터마이징할 수 있습니다. 아래 예제 코드는 몇 가지 기본적인 옵션을 설정하는 방법을 보여줍니다.

const options = {
  gfm: true,
  breaks: false,
  headerIds: false
};
const htmlText = marked(markdownText, options);
console.log(htmlText);

위 예제 코드에서는 gfm 옵션을 true로 설정하여 GitHub 스타일의 마크다운을 사용하고, breaks 옵션을 false로 설정하여 줄 바꿈을 <br> 태그로 처리하지 않으며, headerIds 옵션을 false로 설정하여 헤더의 ID를 생성하지 않습니다.

Marked에 대한 더 자세한 사용법은 Marked 공식 문서를 참고해주세요.

이로써 Marked의 예제와 사용법을 알아보았습니다. 마크다운을 HTML로 변환하는데 유용한 Marked를 잘 활용하여 문서 작성을 즐겁게 진행해보세요!

[/markdown]