📝 Markdown Preview
markdown을 입력하고 실시간 HTML 렌더링을 즉시 확인하세요.
이 도구란 무엇인가요?
Markdown Preview 도구는 markdown을 실시간으로 HTML로 렌더링하는 무료 온라인 markdown 에디터입니다. 왼쪽에 입력하면 포맷된 결과가 오른쪽에 즉시 나타납니다. README 파일, 블로그 게시물, 문서 또는 게시하기 전의 모든 markdown 콘텐츠를 미리보기에 완벽합니다. Markdown은 일반 텍스트 포맷팅을 사용하여 구조화된 문서를 만드는 가벼운 마크업 언어입니다. 웹 작성을 가능한 한 쉽게 만들기 위해 2004년 John Gruber가 만들었습니다. markdown을 사용하면 간단한 텍스트 기호만으로 제목, 굵게 및 기울임꼴 텍스트, 목록, 링크, 이미지, 코드 블록, 표 등을 만들 수 있습니다. markdown은 모든 곳에서 사용됩니다. GitHub README, Reddit 댓글, Discord 메시지, 문서 사이트, 많은 콘텐츠 관리 시스템 등입니다. 이 미리보기 도구는 작업 목록, 취소선, 코드 구문 강조 등 GitHub Flavored Markdown (GFM) 확장을 포함한 표준 markdown 구문을 지원합니다. 모든 것이 브라우저 내에서 완전히 실행되므로 콘텐츠가 서버에 업로드되지 않습니다. 초안이 완전히 비공개라는 것을 확신하고 작성할 수 있습니다.작동 방식
이 도구는 JavaScript markdown 파서를 사용하여 텍스트를 실시간으로 HTML로 변환합니다. 에디터 패널에 입력하면 파서가 markdown 구문을 문자 단위로 처리하고 해당 HTML 요소를 생성하여 미리보기 패널에 표시합니다. 파서는 모든 표준 markdown 요소를 처리합니다: 제목(#에서 ######), 굵게(**text**), 기울임꼴(*text*), 링크([text](url)), 이미지(), 순서 없는 목록(- 또는 *), 순서 있는 목록(1.), 코드 블록(```), 인라인 코드(`code`), 인용구(>), 수평선(---), 표. 또한 GitHub Flavored Markdown 확장을 지원합니다: 작업 목록(- [x]), 취소선(~~text~~), 자동 URL 링크. 렌더링은 완전히 클라이언트 측에서 이루어지므로 서버 호출이 발생하지 않습니다. markdown 파서는 철저하게 테스트된 JavaScript 라이브러리로, 중첩된 목록, 목록 항목 내의 여러 단락, 목록 내의 코드 블록과 같은 엣지 케이스를 처리합니다. 미리보기는 진정한 실시간 편집 경험을 위해 키 입력마다 업데이트됩니다.사용 방법
- 왼쪽 에디터에 markdown을 입력하거나 붙여넣습니다.
- 오른쪽에서 포맷된 HTML 미리보기가 실시간으로 업데이트되는 것을 확인합니다.
- 표준 markdown 구문(# 제목, **굵게**, *기울임꼴* 등)을 사용합니다.
- GitHub Flavored Markdown을 시도해 보세요: 작업 목록, 표, 취소선.
- 필요에 따라 렌더링된 HTML 또는 markdown 소스를 복사합니다.
자주 묻는 질문
자주 묻는 질문
어떤 markdown 구문이 지원되나요?
표준 markdown(제목, 굵게, 기울임꼴, 목록, 링크, 이미지, 코드, 인용구, 표)과 GitHub Flavored Markdown 확장(작업 목록, 취소선, 자동 링크, 코드 구문 강조)을 지원합니다.
markdown 콘텐츠가 서버로 전송되나요?
아니요. 모든 처리는 JavaScript를 사용하여 브라우저 내에서 이루어집니다. 콘텐츠가 기기를 떠나지 않으므로 초안과 메모의 완전한 개인정보 보호가 보장됩니다.
GitHub README 파일에 사용할 수 있나요?
네. 이 미리보기 도구는 GitHub에서 사용하는 것과 동일한 방언인 GitHub Flavored Markdown을 지원합니다. 작업 목록, 표, 취소선, 코드 블록은 GitHub에서와 동일하게 렌더링됩니다.
markdown에서 표를 만들려면 어떻게 하나요?
파이프(|)로 열을 구분하고 헤더 행에 하이픈(-)을 사용합니다. 예: | Header 1 | Header 2 | \n|---|---| \n| Cell 1 | Cell 2 |
팁과 조언
Markdown은 렌더링 전에도 일반 텍스트로 읽을 수 있도록 설계되었습니다. 제목(#)을 사용하여 문서 구조를 만들고 제목 수준을 일관되게 유지하세요. 코드 블록의 경우, 구문 강조를 위해 삼중 백틱 뒤에 언어를 항상 지정(```python)하세요. 표를 만들 때는 가독성을 위해 파이프를 수직으로 정렬하세요. 작업 목록(- [x] 완료, - [ ] 할 일)은 README의 프로젝트 추적에 유용합니다. GitHub를 위해 작성하는 경우, 푸시하기 전에 여기서 markdown을 먼저 미리보기하여 포맷 문제를 발견하세요. 긴 문서의 경우 앵커 링크가 있는 목차를 사용하세요. 줄 끝에 공백 두 개는 markdown에서 하드 줄바꿈을 만든다는 점을 기억하세요.