Markdown 뷰어 – 브라우저에서 Markdown을 HTML로 미리보기
Markdown 뷰어는 샌드박스 iframe 안에서 Markdown을 HTML로 렌더링하므로, 브라우저에서 서식이 적용된 결과를 확인할 수 있습니다. marked로 Markdown을 파싱하며 GFM 표와 줄 바꿈을 지원하고, 렌더링 전에 DOMPurify로 HTML을 정제합니다. 출력에서 스크립트는 제거됩니다. Markdown을 붙여넣거나 드래그해 미리보기를 확인하세요.
Markdown 뷰어는 일반 텍스트로 읽지 않고 서식이 적용된 콘텐츠를 확인하고 싶은 개발자를 위한 브라우저 기반 Markdown→HTML 뷰어입니다. Markdown을 붙여넣거나 드래그하면 샌드박스 iframe에 렌더링됩니다. 이 도구는 입력 파싱에 marked를 사용하고, 렌더링 전에 DOMPurify로 HTML을 정제합니다. 출력에서 스크립트는 제거됩니다.
렌더러는 GFM 표와 줄 바꿈을 지원하므로, 이러한 Markdown 요소가 미리보기에서 어떻게 보이는지 확인하는 데 유용합니다. 작업 흐름은 간단합니다. Markdown을 입력하고, 렌더링된 결과를 확인한 뒤, 필요한 발췌문을 복사하세요. 뷰어에는 별도로 지정된 추가 파싱 옵션이 없습니다.
Markdown은 구조화된 텍스트를 작성하기 위한 가벼운 형식이고, HTML은 브라우저용 콘텐츠를 표현하는 마크업 형식입니다. Markdown을 HTML로 보면 원본 텍스트만 보는 것보다 제목, 표, 기타 서식을 더 쉽게 확인할 수 있습니다. 문서나 발췌문의 렌더링 모습을 확인하고 싶을 때 뷰어를 사용하세요.
Markdown 뷰어는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 오프라인에서도 뷰어가 동작합니다.
이 도구는 문서 검토, 직접 작성하지 않은 Markdown 확인, 워크플로에 사용하기 전 콘텐츠 점검에 개발자와 DevOps 엔지니어를 돕습니다. GFM 표와 줄 바꿈을 지원하는 Markdown 렌더링 미리보기를 빠르게 확인하고 싶은 분에게도 유용합니다.
1단계: Markdown을 뷰어에 붙여넣거나 드래그하세요. 문서 전체나 짧은 발췌문 모두 사용할 수 있습니다.
2단계: 샌드박스 iframe에서 렌더링된 결과를 확인하세요. Markdown은 GFM 표와 줄 바꿈을 지원해 파싱됩니다.
3단계: 표와 줄 바꿈을 포함해 서식이 예상대로 적용되었는지 확인하세요.
4단계: 문서에서 필요한 발췌문을 복사하세요.
사용 사례: 직접 작성하지 않아 일반 텍스트로 읽기 어려운 Markdown 문서를 확인하세요. 렌더링된 화면으로 서식을 더 쉽게 검토할 수 있습니다.
사용 사례: 값을 소비하는 코드를 작성하기 전에 값의 구조를 확인하세요. Markdown을 미리 보면 콘텐츠 서식을 파악할 수 있습니다.
사용 사례: 큰 문서에서 깔끔한 발췌문을 가져오세요. 렌더링된 화면을 보면 필요한 섹션을 찾기 쉽습니다.
사용 사례: Markdown 문서를 공유하기 전에 GFM 표 서식을 확인하세요. 뷰어는 렌더링된 미리보기에서 GFM 표를 지원합니다.
사용 사례: Markdown 발췌문에서 줄 바꿈이 어떻게 보이는지 확인하세요. 뷰어는 렌더링 시 줄 바꿈을 지원합니다.
사용 사례: 프로젝트나 문서 작업에 사용하기 전에 Markdown 콘텐츠를 검토하세요. 미리보기에서 서식이 적용된 HTML 출력을 확인할 수 있습니다.