[javascript] Marked에서 지원하는 특정 프로젝트와 툴들의 통합 방법은?
-
Node.js 프로젝트: Marked는 Node.js 환경에서 사용하기에 특히 적합합니다. Node.js 프로젝트에서 Marked를 사용하려면, 프로젝트에 Marked 패키지를 설치해야 합니다.
npm install marked
그런 다음, require 문을 사용하여 Marked를 가져올 수 있습니다.
const marked = require('marked');
이제 Marked를 사용하여 Markdown을 HTML로 렌더링할 수 있습니다.
-
웹 프로젝트: Marked는 웹 프로젝트에서도 사용할 수 있습니다. HTML 페이지에서 Marked를 사용하려면, Marked 스크립트 파일을 HTML 파일에 포함시켜야 합니다.
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
이제 Marked는
marked
전역 객체를 통해 사용할 수 있습니다.const markdownText = '# Hello, Marked!'; const htmlText = marked(markdownText);
-
특정 툴과의 통합: Marked는 다양한 툴과 프로젝트와 통합이 가능합니다. 예를 들어, Gulp를 사용하여 Marked를 빌드 프로세스에 통합할 수 있습니다. Markdown 파일이 수정될 때마다 Marked를 사용하여 HTML 파일로 변환하고, 이를 웹사이트에 배포할 수 있습니다.
const gulp = require('gulp'); const marked = require('marked'); gulp.task('markdown', () => { gulp.src('./src/*.md') .pipe(marked()) .pipe(gulp.dest('./dist')); });
이 예제에서는
gulp-marked
패키지를 사용하여 Markdown을 HTML로 변환합니다. 이렇게 하면 gulp의 플로우에서 Marked를 사용하여 Markdown 파일을 처리할 수 있습니다.
Marked는 다양한 툴과 프로젝트에서 유연하게 사용할 수 있도록 설계되었습니다. 따라서 Marked를 사용하는 특정 프로젝트 또는 툴에 대한 자세한 정보는 해당 프로젝트 또는 툴의 문서를 참조하는 것이 좋습니다.
참고 자료: