본문으로 건너뛰기
123도구

마크다운 미리보기 · 변환

마크다운을 쓰면서 바로 미리 보고, HTML로 변환해 복사하거나 내려받습니다.

  • 파일·입력값이 서버로 전송되지 않음
  • 가입 없이 무료
24줄 · 제목 3개

사용 방법

  1. 왼쪽에 마크다운을 쓰면 오른쪽 미리보기가 바로 바뀝니다. 처음에는 회의록 예시가 들어 있습니다.
  2. ‘HTML 코드’로 바꾸면 변환된 HTML을 볼 수 있고, ‘HTML 복사’로 블로그나 CMS 편집기에 붙여 넣을 수 있습니다.
  3. ‘.html’은 스타일이 들어간 완성 문서로, ‘.md’는 쓴 마크다운 원문 그대로 내려받습니다. 파일 이름은 첫 번째 # 제목으로 정해집니다.
  4. 편집 칸에서 Tab 키를 누르면 들여쓰기(공백 2칸)가 들어갑니다.

계산 기준과 공식

GitHub에서 쓰는 마크다운(GFM) 규칙을 따릅니다. 표, 취소선(~~글~~), 체크박스(- [ ]), 주소 자동 링크를 지원합니다.

쓰는 법결과
# 제목, ## 소제목제목 1, 제목 2
**굵게**, *기울임*굵게, 기울임
- 항목, 1. 항목글머리표 목록, 번호 목록
[글](https://주소)링크
| a | b | + |---|---|표
백틱 세 개 ```로 감싸기코드 블록

안전을 위해 미리보기와 내보내는 HTML에서 <script>, 이벤트 속성(onclick 등), 위험한 링크는 지웁니다.

예시

  1. 회의록을 메일 본문으로

    예시 회의록처럼 제목, 목록, 표를 마크다운으로 빠르게 쓴 뒤 미리보기 영역을 드래그해 복사하면 메일 편집기에 서식이 살아 있는 채로 붙습니다. 표는 칸 구분선까지 그대로 옮겨집니다.

  2. README 미리 확인

    깃허브에 올리기 전에 README.md 내용을 붙여 넣으면 표가 깨지지 않는지, 코드 블록과 체크박스가 제대로 보이는지 미리 확인할 수 있습니다.

결과를 읽는 법

미리보기가 예상과 다르면 대개 빈 줄 문제입니다. 목록, 표, 코드 블록 앞에는 빈 줄을 하나 두는 것이 안전합니다. ‘엔터 한 번을 줄바꿈으로’를 끄면 깃허브 README와 똑같이, 빈 줄이 있어야만 문단이 나뉩니다.

자주 묻는 질문

마크다운이 무엇인가요?

# 이나 ** 같은 간단한 기호로 제목, 굵은 글씨, 목록을 표시하는 글쓰기 방식입니다. 깃허브, 노션, 슬랙, 여러 블로그 서비스에서 씁니다.

쓴 글이 저장되나요?

저장되지 않습니다. 브라우저 안에서만 변환하고 서버로 보내지 않으므로, 계속 쓸 글이라면 .md 로 내려받아 두세요.

이미지를 넣을 수 있나요?

![설명](이미지 주소) 형식으로 인터넷에 올라간 이미지 주소를 넣으면 미리보기에 표시됩니다. 내 컴퓨터의 파일을 올리는 기능은 없습니다.

HTML 태그를 직접 써도 되나요?

<b>, <br>, <details> 같은 일반 태그는 그대로 쓸 수 있습니다. 다만 스크립트와 이벤트 속성은 안전을 위해 자동으로 지워집니다.

내려받은 .html 파일은 어떻게 생겼나요?

읽기 좋은 글꼴, 표 테두리, 코드 배경이 들어간 한 장짜리 HTML 문서입니다. 브라우저로 열어 바로 인쇄하거나 PDF로 저장할 수 있습니다.

결과가 이상하거나 있었으면 하는 기능이 있나요? 오류 제보 · 의견 보내기