MD ViewerMD Viewer

100% 프라이빗 — 모든 처리가 브라우저에서

마크다운 에디터 — 브라우저에서 편집하고 미리보기

왼쪽에서 마크다운을 쓰면 오른쪽에서 서식 문서가 지어집니다. 진짜 마크다운 에디터를 브라우저에서. 다운로드도 클릭 한 번, 설치도 계정도 없습니다.

MD Viewer 팀

마크다운 소스
미리보기

MD Markup Editor

Type on the left, watch the live preview on the right.

Try it now

  1. Edit this ordered list
  2. Add a strikethrough
  3. Press Download .md when done

Everything stays in your browser — nothing is uploaded, ever.

ShortcutResult
**text**bold
*text*italic
  • Open the editor
  • Write something great

마크다운 에디터는 2분할 작성 도구입니다. 한쪽에는 날 마크업, 다른 쪽에는 렌더링된 문서가 놓이고 입력에 맞춰 갱신됩니다. 위의 에디터는 정확히 그것입니다. 파일 열기, 실시간 미리보기, 복사, 지우기, 초기화, .md 한 번 내려받기를 갖춘 완전한 마크다운 에디터입니다. 서버로는 아무 것도 보내지 않습니다. 보이는 미리보기는 키를 누를 때마다 브라우저에서 계산되고, 연결이 끊겨도 도구는 계속 작동합니다.

뷰어와 마크다운 에디터의 차이는 의도입니다. 뷰어는 '이 파일이 어떻게 보이나'에 답하고, 에디터는 '바꾸면 어떻게 되나'에 답합니다. 이 되먹임 고리가 마크업을 배우는 가장 빠른 길입니다. 표 뼈대를 치고 나타나는 것을 보고, 공백 하나를 지우고 강조가 무너지는 것을 보고, 목록을 한 단계 깊게 중첩하고 곧바로 수정을 보세요. 이 마크다운 에디터는 작동하는 샘플 문서로 시작하므로 언제나 편집할 실체가 있습니다.

이 페이지는 사이트의 작성 영역입니다. 홈의 마크다운 뷰어는 읽기에 맞춰져 있고, 마크다운 PDF 변환 페이지는 여기서 쓴 것을 내보내며, 11개 구문 페이지는 개별 구성 요소를 집중 놀이터로 가르칩니다. 모두가 하나의 렌더링 엔진을 공유하므로, 이 마크다운 에디터에서 올바르게 보이는 문서는 사이트 어디서든 올바르게 보입니다.

마크다운 에디터로 작업하기

  1. 1

    샘플 또는 자기 파일로 시작

    마크다운 에디터는 제목, 목록, 인용, 표를 담은 샘플 문서로 시작합니다. '.md 파일 열기'로 자기 문서를 불러오세요. 2MiB까지 즉시 열리고 모든 것은 기기에 남습니다.

  2. 2

    왼쪽에서 편집, 오른쪽에서 읽기

    소스 패널의 모든 변경이 미리보기를 즉시 다시 렌더링합니다. 이것이 마크다운 에디터의 핵심 루프입니다. 마크업을 쓰고, 문서를 보고, 고치고, 계속.

  3. 3

    기억 대신 도구 모음

    '마크다운 복사'는 소스를 클립보드에 놓고, '.md 내려받기'는 현재 버퍼를 저장하며, '지우기'는 새 출발을 위해 비우고, '초기화'는 샘플을 되돌립니다. 모두 클릭 한 번입니다.

  4. 4

    내려받아 검증

    마크다운 에디터에서 내려받은 파일은 여러분이 입력한 텍스트 그대로입니다. 내려받아 다시 열어도 바이트 단위로 일치합니다. 실무 문서 작업에 견디는 안심입니다.

마크다운 에디터 사용자가 알아야 할 마크업

마크업렌더링 결과
# 제목 / ## 섹션H1과 H2 제목
**굵게** / *기울임*강조된 텍스트
`코드`색 배경의 인라인 코드
> 인용출처와 알림을 위한 인용 블록
1. 하나 / 2. 둘재정렬을 살아남는 번호 목록
- [ ] 작업GitHub 스타일 체크박스
| a | b |머리글 행이 있는 표
---큰 섹션 사이의 주제 구분선

왜 단순한 마크다운 에디터에서 쓰는가

WYSIWYG 에디터는 마크업을 숨깁니다. 문서가 텍스트만 받는 곳 — 풀 리퀘스트, 정적 사이트 생성기, 이슈 트래커 — 으로 옮겨가기 전까지는 훌륭한 일입니다. 마크다운 에디터는 소스에 대한 유창함을 유지시켜 주고, 소스가 영속하는 산물입니다. 버전 관리에서 깔끔하게 diff가 나고, 충돌 없이 병합되며, 20년치 플랫폼에서 렌더링됩니다. 실시간 미리보기는 텍스트를 빼앗지 않고 워드 프로세서의 시각적 편안함을 줍니다.

두 번째 논거는 제어입니다. 리치 텍스트 에디터가 표를 망가뜨리면 메뉴를 뒤집어야 합니다. 마크다운 에디터에서는 소스의 한 글자를 고치고 결과가 스스로 고쳐지는 것을 봅니다. 이 투명성이 엔지니어, 기술 작가, 문서 팀이 마크업을 표준으로 삼는 이유이고, 이 마크다운 에디터가 워드 프로세서 모방이 아니라 즉시 렌더링이 붙은 텍스트 에디터로 남는 이유입니다.

그리고 가용성의 논거가 있습니다. 브라우저 안의 마크다운 에디터는 브라우저가 있는 모든 곳에 있습니다. 직장 컴퓨터, 저녁의 노트북, 동료의 태블릿에서 같은 탭이 쓰이고, 라이선스나 동기화 관리가 필요 없습니다.

마크다운 에디터 기능

  • 사이트의 뷰어와 PDF와 같은 렌더링을 쓰는 실시간 2분할 미리보기
  • 2MiB까지 로컬 .md 파일 열기
  • 마크다운 복사, .md 내려받기, 지우기, 초기화 — 모두 클릭 한 번
  • CommonMark에 GFM 표, 작업 목록, 취소선, 코드 펜스 추가
  • 지속성 없음: 페이지를 다시 불러오면 마크다운 에디터는 깨끗하게 시작. 개인 메모에 딱
  • 로드 후 오프라인 동작 — 렌더링은 로컬 자바스크립트이지 서버 왕복이 아닙니다

여러분의 초안은 절대 업로드되지 않습니다

마크다운 에디터는 텍스트를 페이지 메모리에만 둡니다. 서버 없음, localStorage 없음, 분석 첨부 없음. 탭을 닫으면 모두 지워집니다. 남기고 싶다면 먼저 .md를 내려받으세요.

에디터에서 생산성을 높이는 작은 습관

긴 문서를 다룰 때는 섹션 제목을 먼저 쓰고 내용을 채우는 순서가 도움이 됩니다. 제목이 먼저 자리 잡으면 미리보기의 구조가 즉시 잡히고, 각 섹션을 채울 때 문맥을 잃지 않습니다. 이 마크다운 에디터의 실시간 미리보기는 그 뼈대가 어떻게 보일지 바로 보여 줍니다.

작성이 끝났다면 다운로드 전에 한 번 읽어보세요. 소스 패널이 아니라 미리보기 패널에서 읽으면 서식 실수 — 닫히지 않은 강조, 깨진 표 — 가 훨씬 눈에 잘 띕니다. 확인이 끝나면 .md로 내려받아 버전 관리에 커밋하면 됩니다.

에디터의 진짜 강점은 학습 곡선이 아니라 되돌림에 있습니다. 어떤 변경이든 소스에서 한 글자를 고치면 즉시 원상복구되므로, 시도 자체가 위험하지 않습니다. 마크업을 배우는 가장 좋은 방법은 실패를 두려워하지 않는 것이고, 이 마크다운 에디터는 실패의 대가가 0인 환경을 제공합니다.

에디터는 도구일 뿐 글의 주인은 여러분입니다. 화려한 기능이 아니라 쓰기에 방해가 되지 않는 조용한 도구가 오래 쓰는 도구이고, 이 마크다운 에디터는 그 조용함을 지향합니다. 열고, 쓰고, 보고, 내려받는 네 동작 이외의 모든 것은 여러분의 글을 위해 비워 두었습니다.

마지막 팁 하나. 문서를 처음 열 때는 미리보기를 위로, 소스를 아래로 두는 모바일형 배치에서 시작해 보세요. 익숙해지면 좌우 분할이 편해지지만, 처음에는 위아래 배치가 글의 흐름을 따라가기에 더 자연스럽습니다. 화면 크기와 취향에 따라 편하게 바꾸면 됩니다.

자주 묻는 질문

출처 및 사양 인용

“Markdown is intended to be as easy-to-read and easy-to-write as is feasible.”
John Gruber, "Markdown: Syntax" (Daring Fireball, 2004)
“CommonMark defines a rational, unambiguous syntax for Markdown.”
CommonMark Specification 0.31.2

관련 마크다운 도구