Marked는 마크다운 텍스트를 HTML로 변환해주는 자바스크립트 라이브러리입니다. 이 라이브러리는 간편하고 직관적인 문법으로 작성된 마크다운 문서를 웹페이지에 쉽게 표시할 수 있도록 도와줍니다.
Marked는 다양한 기능을 제공하는데, 그 중에서 주요 기능 몇 가지를 알아보겠습니다:
-
마크다운 텍스트를 HTML로 변환: Marked는 마크다운 문법을 이해하고 이를 HTML 코드로 변환합니다. 간단한 마크다운 문서부터 복잡한 문서까지 모두 처리할 수 있습니다.
-
다양한 확장 기능 지원: Marked는 다양한 확장 기능을 제공하여 사용자의 요구에 맞는 변환을 할 수 있습니다. 이 중에서 코드 하이라이팅, 테이블, 목차 생성 등이 대표적인 확장 기능입니다.
-
커스텀 옵션 설정: Marked는 다양한 설정 옵션을 제공하여 변환된 결과물을 원하는 대로 수정할 수 있습니다. 아래는 일부 주요 옵션 예시입니다:
- gfm: GitHub 스타일의 문법을 사용할지 여부를 지정합니다.
- breaks: 줄바꿈 문자를
태그로 변환할지 여부를 지정합니다. - headerIds: 제목 요소(
<h1>,<h2>, …)에 고유한 ID를 추가할지 여부를 지정합니다.
Marked의 사용법은 매우 간단합니다. 먼저 Marked 라이브러리를 다운로드하고 HTML 파일에서 스크립트 태그로 불러온 다음, 마크다운 텍스트를 변환하고자 하는 HTML 요소에 marked() 함수를 호출하면 됩니다.
아래는 간단한 예시입니다:
<!DOCTYPE html>
<html>
<head>
<title>Marked Example</title>
<script src="marked.min.js"></script>
</head>
<body>
<div id="markdownContent"></div>
<script>
var markdownText = "이곳에 마크다운 텍스트를 작성하세요.";
var htmlContent = marked(markdownText);
document.getElementById("markdownContent").innerHTML = htmlContent;
</script>
</body>
</html>
이렇게 하면 markdownText에 작성한 마크다운 텍스트가 HTML로 변환되어 markdownContent 요소에 표시됩니다.
Marked는 사용이 간편하면서도 다양한 기능과 확장성을 제공하는 뛰어난 마크다운 라이브러리입니다. 자세한 내용과 사용 예제는 Marked의 공식 문서를 참고하시면 도움이 될 것입니다.