마크다운 실시간 미리보기
Markdown을 붙여넣거나 입력하면 그대로 렌더링되는 것을 볼 수 있습니다. 미리보기는 커서를 줄 단위로 따라가고, GitHub 출력과 일치하며, GitHub에 없는 요소 — 다이어그램, 수식, 알림 — 까지 더합니다.
무료 · 가입 불필요 · 브라우저에서 실행, 아무것도 업로드하지 않음
게시하기 전에 Markdown 확인하기
Markdown은 쓰기 쉽지만 살짝 틀리기도 쉽습니다: 빈 줄 하나가 빠지면 목록이 문단이 되고, 공백 하나가 표를 깨고, 공백 네 개면 코드 블록이 됩니다. 실시간 미리보기는 결과를 즉시 보여주므로 커밋한 뒤가 아니라 쓰는 중에 서식을 고칠 수 있습니다. 렌더러는 GitHub Flavored Markdown을 따르므로 여기서 보이는 것이 README, 위키 페이지, 풀 리퀘스트 설명의 모습입니다.
줄 단위 동기화 스크롤
대부분의 미리보기 도구는 두 창을 백분율로 스크롤해서 큰 표나 이미지가 있으면 바로 어긋납니다. 이 미리보기는 모든 블록을 소스 줄에 대응시키므로 렌더링된 문단이 편집 중인 줄 옆에 머뭅니다 — 양방향으로. 개요에서 제목을 클릭하면 두 창이 함께 이동합니다.
기본 Markdown을 넘어서
미리보기는 50개 이상 언어의 강조가 적용된 펜스 코드, ```mermaid 다이어그램, $…$와 $$…$$ KaTeX 수식, GitHub 알림(> [!WARNING]), 작업 목록, 각주, 이모지 단축 코드, 프런트 매터, <details> 같은 정제된 인라인 HTML을 렌더링합니다. 16가지 테마를 전환하며 라이트와 다크에서 문서가 어떻게 읽히는지 확인하고, 본문을 산세리프·세리프·고정폭 중에서 고르세요. 다이어그램은 별도 가이드가 있습니다: 머메이드 라이브 에디터 페이지에서 렌더링되는 모든 다이어그램 종류를 확인할 수 있습니다.
실제 화면
사용 방법
- 1왼쪽 창에 Markdown을 붙여넣거나 입력하거나,
.md파일을 끌어다 놓으세요. - 2오른쪽 창이 실시간으로 렌더링합니다. 어느 쪽을 스크롤해도 다른 쪽이 따라옵니다.
- 3마음에 들면 렌더링된 HTML을 복사하거나, 페이지를 내보내거나, Markdown을 다운로드하세요.
제공 기능
즉시 렌더링
긴 문서도 몇 밀리초 안에 갱신됩니다.
GitHub과 동일
GitHub README, 이슈, 위키와 같은 문법 규칙.
줄 단위 동기화 스크롤
미리보기와 소스가 정렬을 유지합니다. 원하면 끌 수 있습니다.
다이어그램과 수식
Mermaid와 KaTeX가 미리보기에 바로 렌더링됩니다.
테마와 타이포그래피
16가지 테마, 세 가지 글꼴 계열, 조절 가능한 크기와 너비.
업로드 없음
렌더링은 브라우저에서 이루어지며 텍스트는 내 기기에 남습니다.
자주 묻는 질문
미리보기가 GitHub과 같나요?
URL에서 파일을 미리볼 수 있나요?
편집기 없이 미리보기만 할 수 있나요?
Markdown 안의 HTML도 렌더링되나요?
렌더링된 HTML은 어떻게 얻나요?
관련 도구
준비되셨나요?
Markdown을 붙여넣거나, 파일을 끌어다 놓거나, URL을 여세요 — 미리보기가 즉시 나타나고 모든 것은 내 기기에 남습니다.
Markdown 뷰어 열기