Hello Markdown
This is a bold and italic text demo.
Features
- Real-time preview
- GitHub Flavored Markdown
- Syntax highlighting for code blocks
Code Example
function greet(name) {
return Hello, ${name}!;
}
Table
| Feature | Status |
|---|---|
| Bold | ✅ |
| Links | ✅ |
| Tables | ✅ |
This is a blockquote with a link.
- First item
- Second item
- Third item
마크다운 미리보기
왼쪽에 마크다운을 작성하면 오른쪽에 실시간으로 렌더링된 미리보기가 표시됩니다. 제목, 굵게, 기울임, 링크, 이미지, 표, 코드 블록 등을 지원합니다. HTML로 원클릭 내보내기.
마크다운이란 무엇인가요?
마크다운은 2004년 John Gruber가 만든 경량 마크업 언어입니다. 읽고 쓰기 쉬운 일반 텍스트 구문으로 서식 있는 텍스트를 작성할 수 있습니다. 마크다운 파일은 .md 확장자를 사용하며, README 파일, 문서, 블로그 포스트, 포럼 글, 기술 문서 작성에 널리 사용됩니다. 구문은 직관적으로 설계되어 별표는 굵게/기울임, 해시는 제목, 대시는 목록, 백틱은 코드를 나타냅니다.
이 무료 온라인 마크다운 미리보기는 입력하는 즉시 실시간으로 마크다운을 렌더링합니다. 제목, 단락, 굵게, 기울임, 취소선, 링크, 이미지, 순서 있는/없는 목록, 인용문, 수평선, 표, 코드 블록 등 모든 일반 마크다운 요소를 지원합니다. 분할 뷰 레이아웃으로 편집과 미리보기를 나란히 볼 수 있으며, 렌더링 결과를 독립형 HTML 파일로 내보낼 수 있습니다.
주요 기능
- 입력하는 즉시 업데이트되는 실시간 라이브 미리보기
- 분할 뷰, 편집기 전용, 미리보기 전용 모드
- 완전한 마크다운 지원: 제목, 굵게, 기울임, 취소선, 링크, 이미지
- 머리 행과 정렬이 있는 표
- 구문 표시가 되는 코드 블록
- 인용문, 순서 있는 목록, 순서 없는 목록
- 기존 마크다운 문서를 미리보기 위한 .md 또는 .txt 파일 업로드
- 내장 스타일이 포함된 독립형 HTML 파일로 내보내기
- 다른 도구에 삽입하기 위한 원본 HTML 출력 클립보드 복사
- 집중 글쓰기를 위한 전체 화면 모드
- 100% 클라이언트 사이드: 데이터가 서버로 전송되지 않습니다
사용 방법
- 왼쪽 편집기 패널에 마크다운을 작성하거나 붙여넣습니다.
- 오른쪽 패널에 렌더링된 미리보기가 즉시 표시됩니다.
- 툴바를 사용하여 분할 뷰, 편집기 전용, 미리보기 전용 모드를 전환합니다.
- 업로드 버튼으로 기존 .md 파일을 불러옵니다.
- HTML 버튼을 클릭하여 독립형 HTML 파일로 다운로드합니다.
- HTML 복사를 클릭하여 원본 HTML 마크업을 클립보드에 복사합니다.
마크다운 구문 빠른 참조
- 제목: # h1, ## h2, ### h3부터 ###### h6까지 사용
- 굵게: **이중 별표**로 텍스트를 감싸기
- 기울임: *단일 별표*로 텍스트를 감싸기
- 취소선: ~~이중 물결표~~로 텍스트를 감싸기
- 링크: [텍스트](URL) 구문 사용
- 이미지:  구문 사용
- 순서 없는 목록: 줄 시작에 -, *, 또는 + 사용
- 순서 있는 목록: 줄 시작에 1., 2., 3. 사용
- 코드 블록: 별도 줄에 삼중 백틱으로 감싸기
- 인라인 코드: `코드`처럼 단일 백틱으로 감싸기
- 인용문: 줄 시작에 > 사용
- 수평선: 별도 줄에 --- 사용
- 표: 파이프 | 와 대시 -로 열과 머리 행 생성
주요 활용 사례
- GitHub 저장소의 README 파일 작성 및 미리보기
- 블로그 포스트 및 기술 문서 초안 작성
- 버전 관리에 커밋하기 전 마크다운 미리보기
- 마크다운 노트를 웹사이트에 삽입하기 위한 HTML로 변환
- 즉각적인 시각 피드백으로 마크다운 구문 학습
- 마크다운을 지원하는 플랫폼을 위한 빠른 텍스트 서식 지정
더 나은 마크다운 작성 팁
- 적절한 간격을 위해 단락 사이에 빈 줄을 남기세요
- 제목을 계층적으로 사용하세요: #에서 시작하여 하위 섹션으로 갈수록 증가
- 코드 블록은 4칸 들여쓰기 또는 삼중 백틱으로 감싸기
- 표에서는 파이프 문자를 정렬하면 소스의 가독성이 향상됩니다
- 긴 URL에는 참조 스타일 링크를 사용하여 마크다운을 깔끔하게 유지하세요
- 게시 전에 마크다운을 미리보기하여 서식 문제를 잡으세요
