마크다운(Markdown)이란?
마크다운은 2004년 존 그루버(John Gruber)가 만든 가벼운 마크업 언어입니다. HTML 태그 없이 **굵게**, # 제목 같은 직관적인 기호만으로 문서 서식을 표현할 수 있어 읽기 쉬운 평문(plain text)으로 작성하면서도 HTML로 변환됩니다. 오늘날 GitHub README, Reddit·Discord 메시지, Notion·Obsidian·Bear 같은 메모 앱, Jekyll·Hugo 같은 정적 사이트 생성기, 기술 블로그 플랫폼(velog, tistory, medium)에서 표준 작성 형식으로 사용됩니다. 본 에디터는 실시간 미리보기, 12종 툴바 단축, 자동 저장(브라우저 로컬), HTML 복사를 모두 지원해 별도 설치 없이 즉시 마크다운 작성이 가능합니다. 작성한 내용은 브라우저 localStorage에만 저장되어 외부 서버로 전송되지 않으며, 다음 방문 시에도 그대로 복원됩니다.
마크다운 기본 문법 치트시트
| 기능 | 문법 | 결과 |
|---|---|---|
| 제목 | # H1, ## H2, ### H3 | 단계별 헤딩 |
| 굵게 | **굵게** 또는 __굵게__ | 굵게 |
| 기울임 | *기울임* 또는 _기울임_ | 기울임 |
| 취소선 | ~~취소~~ | |
| 링크 | [텍스트](url) | 하이퍼링크 |
| 이미지 |  | 이미지 삽입 |
| 코드 | `인라인` ```블록``` | 코드 블록 |
| 목록 | - 항목 / 1. 항목 | 불릿/번호 |
| 인용 | > 인용문 | 블록 인용 |
| 표 | | h | --- | h | | 테이블 |
| 구분선 | --- | 수평선 |
어디서 마크다운을 쓰나?
- • GitHub README — 프로젝트 소개·뱃지·스크린샷이 모두 마크다운. 본 에디터로 미리 작성 후 GitHub에 붙여넣기.
- • 기술 블로그 — velog, tistory, hashnode, dev.to 모두 마크다운 입력 지원. 블로그 글쓰기 시 본 에디터로 작성하면 시간 절약.
- • Notion·Obsidian — 노트앱 기본 입력 방식. 키보드만으로 빠른 서식 적용 가능.
- • Discord·Slack 메시지 — **굵게**, *기울임*, `코드` 같은 일부 문법 지원. 메시지 강조에 활용.
- • Reddit 게시물 — 모든 커뮤니티가 마크다운 입력. 글머리·코드블록·인용 지원.
- • 정적 사이트 — Jekyll, Hugo, Gatsby, Next.js MDX 등 블로그 엔진의 기본 콘텐츠 형식.
자주 묻는 질문 (FAQ)
Q. 작성한 글이 어디에 저장되나요?
A. 브라우저의 localStorage에만 저장됩니다. 같은 브라우저로 재방문하면 자동 복원되며, 서버로 전송되지 않습니다. 다른 기기·브라우저에서 이어 작업하려면 마크다운 복사 후 메일·메모로 옮기세요.
Q. GitHub와 결과가 다르게 나올 수 있나요?
A. 본 에디터는 CommonMark 사양의 핵심 기능을 구현했지만, GitHub Flavored Markdown(GFM)의 일부 확장 기능(체크리스트, 자동 링크 감지, 각주, 수식 LaTeX 등)은 지원하지 않습니다. 기본 서식(헤딩·굵게·링크·코드·표)은 GitHub과 동일하게 표시됩니다.
Q. 코드 블록의 문법 강조(syntax highlighting)는 가능한가요?
A. 본 에디터는 기본 코드블록 스타일만 적용합니다. 색상 강조는 GitHub·velog·VS Code 같은 외부 환경에서 처리되니 해당 플랫폼에 붙여넣으면 색상이 자동 입혀집니다.
Q. HTML로 내보낼 수 있나요?
A. 네. 상단 "HTML 복사" 버튼을 누르면 변환된 HTML이 클립보드에 복사됩니다. 티스토리·블로그 HTML 모드, 이메일 본문, 정적 사이트에 그대로 붙여넣을 수 있습니다.
Q. 이미지 업로드 기능은 없나요?
A. 본 에디터는 이미지 호스팅을 제공하지 않으므로 이미지는 외부 URL(imgur, GitHub, S3 등)을  형식으로 삽입하세요. 이미지 호스팅 없이 임시 미리보기는 데이터 URL(data:image/png;base64,...)도 지원합니다.