[javascript] Marked에서 테이블 생성 기능은 어떻게 사용하나요?

30 Nov 2023

javascript

const marked = require('marked');

const markdownText = `
| Name  | Age | Gender |
|-------|-----|--------|
| John  | 25  | Male   |
| Lisa  | 28  | Female |
`;

const htmlContent = marked(markdownText);
console.log(htmlContent);

위의 코드에서는 marked 모듈을 가져와서 마크다운 텍스트로 채워진 변수를 생성합니다. 테이블은 파이프( )와 대시(-)로 구성된 형식으로 작성되어 있습니다. 각 행과 열을 구분하기 위해 파이프( )를 사용하고, 첫 번째 행은 테이블의 제목 행이며, 세 번째 행은 테이블의 컬럼을 구분하는 행입니다.

마지막으로, marked 함수를 사용하여 마크다운 텍스트를 HTML로 변환한 후 결과를 콘솔에 출력합니다.

출력된 HTML은 다음과 같이 테이블로 구성되어 있을 것입니다:

Name	Age	Gender
John	25	Male
Lisa	28	Female

마크다운 텍스트를 HTML로 변환하여 테이블을 생성하는 방법을 알려드렸습니다. 자세한 내용은 Marked 공식 문서를 참조해주세요.