즉각적인 실시간 미리 보기
입력하는 대로 미리 보기가 바뀌고 편집기와 함께 스크롤되어, 작업 중인 부분이 항상 보입니다.
마크다운을 쓰면
바로 보입니다.
실시간 미리 보기, 탭, 수식, 다이어그램, 원클릭 내보내기를 갖춘 빠른 마크다운 에디터. 브라우저에서 바로 실행되며, 온라인으로 쓰거나 1분 만에 내 웹사이트에 올릴 수 있습니다.
Markdown Preview안녕하세요, Markdown 👋
왼쪽에 입력하면 오른쪽 미리 보기가 즉시 바뀝니다.
- 스크롤이 동기화되는 실시간 미리 보기
- 표, 할 일 목록, 알림 상자
구문 강조가 적용된 코드
팁
텍스트를 선택하고 도구 모음에서 B 또는 I를 눌러 보세요.
에디터를 그대로 옮긴 작은 라이브 버전입니다. 클릭해서 입력하고, 탭과 보기를 바꾸고, 도구 모음 버튼을 눌러 보세요.
- GitHub-Flavored Markdown
- KaTeX 수식
- Mermaid 다이어그램
- 구문 강조
- HTML·PDF 내보내기
- 모바일 지원
기능
마크다운 작성에 필요한 모든 것, 불필요한 것은 없이
왼쪽에는 깔끔한 편집기, 오른쪽에는 GitHub 스타일 미리 보기, 그 사이에는 실제로 쓰는 도구만.
문서마다 탭
여러 파일을 한 번에 여세요. 탭마다 실행 취소 기록이 따로 있고, 열린 .md 파일 사이의 링크를 누르면 해당 탭으로 전환됩니다.
무엇이든 드래그 앤 드롭
여러 파일, 폴더 전체, 이미지가 포함된 문서까지 놓기만 하세요. 상대 경로도 그대로 작동합니다.
편리한 에디터
기본 도구는 항상 보이고 바로 쓸 수 있습니다. 각주, 알림, 수식, 다이어그램, 목차 같은 고급 기능은 숙련 사용자를 위해 별도 줄에 접혀 있습니다.
수식과 다이어그램
KaTeX로 LaTeX 수식을 쓰고, Mermaid로 순서도, 시퀀스 다이어그램, 간트 차트를 그리세요.
HTML, PDF, .md 내보내기
독립 실행형 HTML 파일, 인쇄 대화 상자를 통한 PDF, 깔끔한 Markdown 원문까지 각각 클릭 한 번이면 됩니다.
밝은 테마, 어두운 테마, 모바일
낮에도 밤에도, 큰 모니터에서도 휴대폰에서도 편안하게. 선택한 설정은 기억됩니다.
15개 인터페이스 언어
English, Deutsch, Español, Français, 日本語, 简体中文 등. 브라우저 언어에 맞춰 자동으로 선택되며 설정에서 바꿀 수 있습니다.
내 파일은 내 것
모든 작업은 브라우저 안에서 이뤄집니다. 계정도, 업로드도, 분석 도구도 없이 오직 에디터뿐입니다.
일반 텍스트 그 이상
간단한 메모부터 기술 문서까지
예제를 골라 Markdown 원문과 미리 보기 결과를 확인해 보세요.
Markdown
근의 공식으로 푸는 방정식 $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$미리 보기
근의 공식으로 푸는 방정식 :
LaTeX 문법을 KaTeX로 렌더링합니다. 문서에 수식이 있을 때만 불러옵니다.
Markdown
```mermaid
flowchart LR
A[작성] --> B[미리 보기]
B --> C{완성?}
C -- 예 --> D[내보내기]
C -- 아니요 --> A
```미리 보기
순서도, 시퀀스 다이어그램, 간트 차트, 상태 다이어그램 등을 Mermaid로 그립니다.
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```미리 보기
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}가장 많이 쓰이는 35개 이상의 언어에 구문 강조를 지원하며, 밝은 테마와 어두운 테마 모두 제공합니다.
Markdown
> [!NOTE] > 알아 두면 좋은 정보입니다. > [!TIP] > 유용한 요령입니다. > [!WARNING] > 계속하기 전에 꼭 읽어 보세요.
미리 보기
참고
알아 두면 좋은 정보입니다.
팁
유용한 요령입니다.
경고
계속하기 전에 꼭 읽어 보세요.
GitHub 스타일 알림 상자: NOTE, TIP, IMPORTANT, WARNING, CAUTION.
Markdown
| 기능 | 상태 | |:--------|:------:| | 미리 보기 | ✅ | | 내보내기 | ✅ | - [x] 초안 작성 - [ ] 게시
미리 보기
| 기능 | 상태 |
|---|---|
| 미리 보기 | ✅ |
| 내보내기 | ✅ |
- 초안 작성
- 게시
GitHub-Flavored Markdown의 정렬된 표와 할 일 목록.
Markdown
Markdown은 2004년에 만들어졌습니다.[^1] [^1]: 존 그루버가 에런 스워츠와 함께 만들었습니다.
미리 보기
Markdown은 2004년에 만들어졌습니다.1
- 존 그루버가 에런 스워츠와 함께 만들었습니다.
각주, 강조 표시, 아래 첨자, 위 첨자, 이모지 단축 코드, 프런트 매터도 지원합니다.
실제 화면
어떤 화면에서도 자연스럽게
데스크톱에서는 탭과 분할 보기, 휴대폰에서는 한 손으로 쓰기 좋은 간결한 레이아웃. 밝게 할지 어둡게 할지는 여러분의 선택입니다.
데스크톱: 탭, 서식 도구 모음, 스크롤이 동기화되는 분할 보기.
휴대폰: 탭 한 번으로 보기 전환.
단순함이 곧 설계
파일은 내 컴퓨터를 떠나지 않습니다
작업을 처리하는 서버가 없습니다. 에디터는 정적 파일 묶음이며, 열기부터 렌더링, 내보내기까지 모든 것이 브라우저 탭 안에서 이뤄집니다.
- 계정 없음. 페이지를 열고 바로 쓰세요.
- 업로드 없음. 끌어 놓은 파일은 로컬에서 읽습니다.
- 추적 없음. 분석 도구, 쿠키, 광고가 없습니다.
- 무엇을 불러올지는 내가 결정. 외부 이미지와 링크는 허용하기 전까지 꺼져 있습니다.
내 .md 파일디스크, 폴더 또는 클립보드에서
브라우저에서 렌더링Markdown, 수식, 다이어그램을 내 기기에서
원하는 곳에 저장.md, HTML 또는 PDF로 내 컴퓨터에 바로
FAQ
자주 묻는 질문
Markdown Preview Editor는 무료인가요?
네. MIT 라이선스의 무료 오픈 소스입니다. 유료 요금제, 광고, 회원 가입이 없습니다. 온라인 버전을 쓰거나 직접 호스팅할 수 있습니다.
무언가를 설치해야 하나요?
아니요. 최신 브라우저라면 어디서나 실행됩니다. 온라인 버전을 열고 바로 입력하세요. 직접 운영하고 싶다면 미리 빌드된 사이트 압축 파일을 받아 아무 웹 호스팅에나 올리면 됩니다. 데이터베이스나 서버 측 코드는 필요 없습니다.
문서가 어딘가에 업로드되나요?
아니요. 파일은 브라우저에서 바로 열리고 렌더링됩니다. 문서는 내 기기에 머물며, 설정에서 ‘문서 기억하기’를 켜지 않는 한 열린 탭 안에만 보관됩니다.
어떤 마크다운 문법을 지원하나요?
GitHub-Flavored Markdown의 표, 할 일 목록, 취소선, 자동 링크, 각주, 알림 상자를 지원합니다. 여기에 구문 강조, KaTeX 수식, Mermaid 다이어그램, 이모지 단축 코드, 강조 표시, 아래 첨자, 위 첨자, 프런트 매터까지 지원합니다.
PDF나 HTML로 내보낼 수 있나요?
네. 스타일과 로컬 이미지가 포함된 독립 실행형 HTML 파일로 내보내거나, 브라우저로 인쇄하거나 PDF로 저장하거나, Markdown 원문을 .md 파일로 저장할 수 있습니다.
휴대폰과 태블릿에서도 되나요?
네. 레이아웃이 작은 화면에 맞춰 바뀝니다. 탭 한 번으로 편집기, 분할, 미리 보기를 전환하고, 서식 도구 모음은 필요할 때만 여세요.
블로그
더 나은 마크다운 작성을 위한 가이드
기초부터 수식, 다이어그램, 직접 호스팅까지 바로 복사해 쓸 수 있는 실전 가이드.
가이드
마크다운 문법 총정리: GitHub 스타일 예제로 배우는 치트 시트
제목, 목록, 링크, 이미지, 코드, 표, 체크박스, 알림 상자, 각주까지. 바로 복사해 쓰는 GitHub 스타일 예제로 마크다운 문법을 한눈에 정리했습니다.
사용법파일 업로드 없이 마크다운을 온라인으로 미리 보는 방법
마크다운 미리보기를 온라인에서 실시간으로 나란히 보는 가장 쉬운 방법, 꼭 확인할 기능, 내 컴퓨터의 파일과 폴더를 바로 여는 방법을 알아보세요.
튜토리얼마크다운에서 수식 쓰는 법 (LaTeX와 KaTeX)
LaTeX 문법으로 마크다운에 인라인 수식과 블록 수식을 쓰는 법. 분수, 루트, 시그마, 행렬, 정렬된 식과 흔한 실수까지 GitHub와 KaTeX에서 바로 되는 예제로 정리했습니다.
튜토리얼마크다운에서 Mermaid 다이어그램 그리기: 순서도, 시퀀스 다이어그램 등
Mermaid로 마크다운 안에서 순서도(플로우차트), 시퀀스 다이어그램, 간트 차트, 상태 다이어그램, 파이 차트를 바로 그리세요. 복사해 쓰는 예제와 읽기 쉬운 다이어그램 팁.
사용법마크다운을 HTML과 PDF로 변환하는 4가지 쉬운 방법
마크다운을 HTML이나 PDF로 변환하는 실용적인 방법 4가지. 브라우저 원클릭 내보내기부터 Pandoc, VS Code까지, 페이지 나눔과 다크 모드, 이미지 처리 팁도 함께 정리했습니다.
셀프 호스팅웹 호스팅, Docker, nginx에 마크다운 에디터를 직접 설치하는 방법
실시간 미리 보기가 되는 마크다운 에디터를 몇 분 만에 직접 호스팅하세요. 웹 호스팅(cPanel), Docker, nginx, Caddy별 단계별 설치 방법. 데이터베이스나 백엔드는 필요 없습니다.
마음에 드셨나요? 별을 눌러 주세요.
Markdown Preview Editor는 여가 시간에 만들어 무료로 공개하고 있습니다. GitHub 별은 다른 사람들이 이 프로젝트를 찾는 데 도움이 되고, 저희에게는 계속할 힘이 됩니다.