마크다운 미리보기

도구 소개

마크다운(Markdown)은 일반 텍스트에 간단한 기호를 붙여 서식을 지정하는 경량 마크업 언어입니다. GitHub의 README 파일, 기술 문서, 블로그(Jekyll, Hugo) 등에서 표준 서식으로 쓰입니다. 이 도구는 작성한 마크다운을 실시간으로 HTML로 변환하여 렌더링 미리보기를 제공하며, 생성된 원본 HTML 코드를 쉽게 복사할 수 있습니다. 표(Table), 코드 블록, 체크리스트 등 GFM(GitHub Flavored Markdown) 규격을 지원합니다.

사용 방법

1. 1Source 패널에 마크다운 문서를 입력하거나 붙여넣습니다.
2. 2"Preview" 탭으로 변환된 렌더링 화면을 확인하고, "HTML" 탭으로 생성된 HTML 코드를 확인합니다.
3. 3"Copy HTML" 버튼을 눌러 변환된 HTML 코드를 클립보드로 복사합니다.
4. 4모든 출력물은 DOMPurify를 통해 스크립트 실행이 안전하게 제거되어 보호됩니다.

자주 묻는 질문 (FAQ)

마크다운을 HTML로 변환하려면 어떻게 하나요?

Source 패널에 마크다운을 작성한 뒤 "HTML" 탭을 클릭하거나 "Copy HTML" 버튼을 눌러 결과 코드를 복사하면 됩니다. 모든 과정은 서버 업로드 없이 브라우저 내에서 즉시 처리됩니다.

CommonMark와 GFM(GitHub Flavored Markdown)의 차이는 무엇인가요?

CommonMark는 마크다운 기본 엄격 표준 규격입니다. GFM은 CommonMark를 확장하여 표(Table), 코드 블록(```), 취소선(~~text~~), 체크리스트(- [x]) 기능을 추가한 버전이며 이 도구는 GFM을 지원합니다.

마크다운에서 코드 블록(Code Block)은 어떻게 작성하나요?

인라인 코드는 백틱(`code`)으로 감싸고, 다중 행 코드 블록은 백틱 3개(```)를 사용하여 감쌉니다. ```javascript처럼 언어명을 지정하면 구문 하이라이트가 적용됩니다.

입력한 마크다운 문서가 서버에 저장되나요?

아니요. 마크다운 변환과 HTML 생성 연산은 사용자의 브라우저 내에서 수행되므로 데이터가 전송되거나 저장되지 않습니다.