Markdown 실시간 미리보기
브라우저 처리Markdown을 입력하는 즉시 제목·목록·표·코드 블록이 적용된 화면을 옆에 보여 줍니다. 링크와 이미지는 http·https 주소만 연결해 안전하게 미리 봅니다.
README나 블로그 글을 Markdown으로 쓸 때 기호만 보고는 결과 모양을 떠올리기 어렵습니다. 이 미리보기는 입력란에 Markdown을 쓰는 즉시 제목, 목록, 표, 코드 블록이 적용된 화면을 옆에 보여 줍니다.
이번 주 할 일 (소제목) 1. 보고서(굵게) 제출 2. 회의실 예약(취소선) 완료 표: 담당 | 마감 / 김대리 | 금요일
Markdown 실시간 미리보기 사용 가이드
README나 블로그 글을 Markdown으로 쓸 때 기호만 보고는 결과 모양을 떠올리기 어렵습니다. 이 미리보기는 입력란에 Markdown을 쓰는 즉시 제목, 목록, 표, 코드 블록이 적용된 화면을 옆에 보여 줍니다.
제목(# ~ ######), 굵게(**), 기울임(*), 취소선(~~), 인라인 코드(`), 코드 블록(```), 글머리·번호 목록, 인용(>), 구분선(---), 표(| 칸 |), http(s) 링크와 이미지를 지원합니다. 링크와 이미지는 http·https 주소만 연결해 의심스러운 링크가 실행되지 않게 합니다.
'원문 복사'로 작성한 Markdown을 복사하고, '초기화'로 입력과 미리보기를 비웁니다. 같은 렌더러를 Markdown PDF 변환에서도 쓰므로 미리보기 모양 그대로 PDF로 저장할 수 있습니다.
사용 방법
- 'Markdown 입력'에 내용을 쓰거나 붙여 넣습니다.
- 오른쪽 'HTML 미리보기'에서 제목, 목록, 표가 의도대로 보이는지 확인합니다.
- 다 쓴 뒤 '원문 복사'로 Markdown을 가져가거나, PDF가 필요하면 Markdown PDF 변환으로 옮깁니다.
예시: 제목·목록·표가 있는 메모
## 이번 주 할 일 1. **보고서** 제출 2. ~~회의실 예약~~ 완료 | 담당 | 마감 | |---|---| | 김대리 | 금요일 |
이번 주 할 일 (소제목) 1. 보고서(굵게) 제출 2. 회의실 예약(취소선) 완료 표: 담당 | 마감 / 김대리 | 금요일
표의 두 번째 줄(|---|---|)은 머리글을 구분하는 줄이라 화면에는 보이지 않습니다.
이럴 때 쓰면 좋아요
- GitHub README를 올리기 전에 모양을 확인할 때
- 블로그·노션에 붙일 Markdown 글을 미리 볼 때
- Markdown 문법을 연습하며 결과를 바로 확인할 때
- 회의록을 Markdown으로 정리하고 PDF로 내보내기 전에
문제가 생겼을 때
# 뒤에 공백이 있어야 제목이 됩니다. '#제목'이 아니라 '# 제목'으로 쓰세요.
표의 모든 줄이 |로 시작하고 끝나야 합니다. 머리글 아래에 |---|---| 구분 줄도 넣어 주세요.
활용 팁
- 목록을 여러 단계로 들여 쓰는 중첩 목록과 체크박스(- [ ])는 한 단계 목록으로 보입니다. GitHub에서는 정상적으로 보이니 최종 모양은 올릴 곳에서 확인하세요.
- 표를 손으로 맞추기 번거롭다면 CSV·TSV → Markdown 표에서 표를 만든 뒤 붙여 넣으세요.
자주 묻는 질문
보안을 위해 입력한 HTML 태그는 실행하지 않고 글자 그대로 보여 줍니다.
입력은 이 화면에서만 미리보기로 바뀌고 저장되지 않습니다. 새로고침 전에 '원문 복사'로 가져가세요.
https:// 같은 웹 주소의 이미지만 표시합니다. 컴퓨터 안의 파일 경로(./img.png)는 불러올 수 없습니다.