마크다운 에디터

이 온라인 마크다운 에디터는 왼쪽에 텍스트를, 오른쪽에 서식이 적용된 결과를 보여 주며, 키를 누를 때마다 미리보기가 바뀝니다. GitHub, README 파일, 위키, Obsidian 같은 노트 앱에서 쓰는 마크다운(Markdown)을 그대로 이해하므로 제목, 목록, 체크리스트, 표, 코드, 인용구, 링크, 이미지, 각주를 모두 쓸 수 있습니다. 계정이 필요 없고, 입력한 내용은 어디에도 전송되지 않습니다.

온라인 마크다운 에디터 사용 방법

1. 왼쪽 입력란에 마크다운을 입력하거나 붙여 넣고, 도구 모음의 파일 버튼으로 .md 파일을 열 수도 있습니다. 에디터 아무 곳에나 파일을 끌어다 놓아도 됩니다.
2. 오른쪽 미리보기를 확인합니다. 스크롤 동기화를 켜 두면 어느 쪽을 스크롤하든 양쪽이 문서의 같은 부분을 보여 줍니다.
3. 도구 모음이나 단축키로 서식을 지정합니다. 예를 들어 Ctrl+B는 굵게, Ctrl+K는 링크입니다.
4. 결과를 마크다운, HTML 또는 서식 있는 텍스트로 복사하거나 .md, .pdf, .docx, .html, .txt 파일로 다운로드합니다.

에디터는 “프로젝트 노트”라는 짧은 예시로 시작합니다. 자주 쓰는 요소가 모두 들어 있어서, 직접 쓰기 전에 문법과 그 결과를 나란히 비교해 볼 수 있습니다.

실시간 미리보기가 있는 마크다운 에디터

에디터 위에는 세 가지 보기가 있습니다. 분할은 마크다운과 미리보기를 나란히 놓고, 편집은 전체 너비를 텍스트에 쓰며, 미리보기는 결과만 보여 줍니다. 그래서 누군가 보낸 파일을 읽는 간단한 마크다운 뷰어로도 쓸 수 있습니다. 휴대폰에서는 두 열이 너무 좁아 읽기 어렵기 때문에 편집과 미리보기 사이를 전환합니다.

미리보기는 GitHub과 같은 방식으로 마크다운을 렌더링합니다. CommonMark에 GitHub Flavored Markdown(두 문서 모두 영문) 확장을 더한 방식으로, 표, 체크리스트, 취소선, 자동 링크가 추가됩니다. 제목에는 GitHub처럼 앵커가 붙으므로 ## 출시 계획은 #출시-계획으로 링크할 수 있고, 이런 링크를 클릭하면 미리보기가 해당 제목으로 스크롤됩니다. [^1]처럼 쓴 각주는 처음 언급된 순서대로 번호가 매겨지고 문서 끝에 모아서 표시됩니다.

텍스트 입력란은 브라우저의 맞춤법 검사를 사용하므로 입력하는 동안 틀린 단어에 밑줄이 표시됩니다. 에디터 아래에는 단어 수, 문자 수, 읽는 시간이 나옵니다. 이 수치에서는 마크다운 문법이 빠지므로 ##로 표시한 제목은 제목의 단어만 셉니다. 문장과 단락 수까지 세려면 텍스트를 글자수 및 단어수 계산기에 붙여 넣으세요.

도구 모음과 키보드 단축키

도구 모음에는 일반적인 문서에 필요한 기능이 모두 있습니다. 제목, 굵게, 기울임꼴, 취소선, 인라인 코드, 링크, 이미지, 인용구, 코드 블록, 글머리 기호 목록, 번호 매기기 목록, 체크리스트, 표, 가로선입니다. 먼저 텍스트를 선택하면 버튼이 그 텍스트를 감싸고, 같은 버튼을 다시 누르면 기호가 사라집니다. 선택한 텍스트가 없으면 버튼이 이미 선택된 짧은 자리 표시자 텍스트를 넣으므로 그 위에 바로 입력하면 됩니다.

몇 가지 기능은 시간을 아껴 줍니다.

• 제목은 현재 줄을 #, ##, ### 순서로 바꾸고 다시 일반 텍스트로 되돌립니다.
• 링크는 선택한 단어를 [단어](https://)로 바꾸고 주소 부분을 선택하므로 바로 URL을 붙여 넣을 수 있습니다. URL을 선택한 경우에는 그 URL이 주소가 됩니다.
• 목록 버튼과 인용구는 선택한 모든 줄에 한 번에 적용됩니다. 글머리 기호 목록에서 번호 매기기 목록을 클릭하면 번호가 매겨진 목록으로 바뀝니다.
• 목록 항목 끝에서 Enter를 누르면 다음 항목이 알맞은 기호로 시작됩니다. 번호는 하나씩 올라가고, 새 할 일은 체크되지 않은 상태로 시작하며, 빈 항목에서 Enter를 누르면 목록이 끝납니다. Tab과 Shift+Tab은 목록 항목을 들여쓰거나 내어 씁니다.
• 버튼이나 단축키로 바꾼 내용은 모두 Ctrl+Z로 되돌릴 수 있습니다.

모든 단축키는 에디터 아래의 키보드 단축키에 정리되어 있습니다. Mac에서는 Ctrl 대신 Command(⌘) 키를 사용합니다.

Word나 Google Docs 문서를 붙여 넣어 마크다운으로 변환

Word, Google Docs 또는 웹 페이지에서 복사한 텍스트를 붙여 넣으면 에디터는 서식을 버리지 않고 마크다운으로 바꿉니다. 제목은 # 줄이 되고, 굵은 글씨와 기울임꼴에는 별표가 붙고, 링크는 주소를 유지하며, 글머리 기호 목록과 번호 매기기 목록(Word의 다단계 목록 포함)은 마크다운 목록이 되고, 표는 첫 행을 머리글로 하는 마크다운 표가 됩니다. 기존 문서를 README나 위키 페이지로 옮기는 가장 빠른 방법입니다.

서식 없는 텍스트만 원했다면 붙여 넣은 뒤 나타나는 안내에서 일반 텍스트로 붙여 넣기를 클릭하거나 Ctrl+Shift+V로 붙여 넣으세요. VS Code 같은 코드 에디터에서 복사한 코드와 이미 마크다운인 텍스트는 그대로 붙여 넣어집니다.

마크다운 문법 요약표

자주 쓰는 문법을 한눈에 정리했습니다. 왼쪽 열의 내용을 에디터에 입력하면 미리보기에 오른쪽 열처럼 표시됩니다.

입력	결과
# 제목, ## 섹션, ### 하위 섹션	1단계부터 3단계까지의 제목 (######까지 쓰면 6단계)
**굵게** 및 *기울임꼴*	굵게 및 기울임꼴
~~이전~~	이전
`코드`	고정폭 글꼴로 표시된 코드
[텍스트](https://example.com)	링크
	이미지
- 항목 또는 1. 항목	글머리 기호 목록 또는 번호 매기기 목록
- [ ] 할 일 및 - [x] 완료	체크박스가 있는 체크리스트
> 인용문	인용구
코드 앞뒤 줄에 백틱 세 개	코드 블록
한 줄에 ---만 쓰기	가로선
텍스트[^1] 및 [^1]: 메모	각주

마크다운 표에는 머리글 행, 대시로 된 구분 행, 그리고 행마다 한 줄이 필요하며, 셀은 |로 나눕니다. 구분 행의 콜론으로 정렬을 정합니다. :--는 왼쪽 정렬, :-:는 가운데 정렬, --:는 오른쪽 정렬입니다. 표 버튼은 바로 쓸 수 있는 3열 표를 넣어 줍니다. 원본에서 셀 너비를 맞출 필요는 없지만, 맞춰 두면 나중에 표를 고치기가 쉬워집니다.

마크다운은 자체 문법이 없는 요소를 위해 HTML도 받아들입니다. 예를 들어 키보드 키에는 <kbd>Ctrl</kbd>, H₂O와 x²에는 <sub>와 <sup>, 클릭하면 열리는 섹션에는 <details>를 쓸 수 있습니다. 안전을 위해 스크립트, 스타일, 폼은 미리보기에서 제거됩니다.

서식 있는 텍스트로 복사하거나 파일로 다운로드

Markdown 복사는 원본을, HTML 복사는 웹사이트나 CMS에 바로 쓸 수 있는 깔끔한 HTML을, 서식 있는 텍스트로 복사는 서식이 적용된 결과를 복사합니다. 이것을 Google Docs, Word, Outlook, Gmail에 붙여 넣으면 제목, 굵은 글씨, 목록, 링크, 표가 서식을 유지한 채 들어가고 마크다운 기호는 남지 않습니다.

다운로드 버튼은 문서를 마크다운, PDF, Word, HTML, 일반 텍스트로 클릭 한 번에 저장하며, 파일 이름은 프런트 매터(front matter)의 제목이나 첫 번째 제목을 따릅니다. 기본 설정은 A4 용지(미국, 캐나다, 멕시코처럼 Letter가 표준인 나라에서는 Letter), 보통 여백, 11포인트 글자입니다. 내장 PDF 글꼴에는 한글이 없으므로 한글이 들어간 문서의 PDF는 브라우저의 인쇄 대화상자로 만들어집니다. 프린터 목록에서 PDF로 저장을 선택하세요. 용지 크기, 글꼴, 여백을 고르거나 목차를 넣거나 여러 파일을 한꺼번에 변환하려면 더 많은 내보내기 옵션을 사용하세요. 텍스트가 이미 채워진 상태로 마크다운 변환기가 열립니다.

자주 묻는 질문

텍스트가 어딘가에 업로드되거나 저장되나요?

아니요. 미리보기, 변환, 다운로드는 모두 브라우저에서 이루어지며 텍스트는 서버로 전송되지 않습니다. 기본적으로 아무것도 저장하지 않으므로 탭을 닫으면 텍스트가 사라집니다. 이 브라우저에 초안 저장을 체크하면 변경할 때마다 텍스트가 내 브라우저의 저장소에 저장되고 다음에 방문할 때 다시 나타납니다. 공용 컴퓨터에서는 체크를 해제하세요. 저장된 초안도 함께 삭제됩니다.

md 파일은 온라인에서 어떻게 열어 보나요?

도구 모음의 파일 버튼을 클릭하거나 파일을 에디터에 끌어다 놓은 다음 미리보기로 전환하면 서식이 적용된 문서로 읽을 수 있습니다. UTF-8 또는 UTF-16으로 된 20 MB 이하의 파일은 바로 열립니다. 파일 안의 이미지는 전체 웹 주소가 있을 때 표시됩니다. 내 컴퓨터에서 파일 옆에 저장된 이미지는 웹 페이지가 불러올 수 없습니다.

에디터는 어떤 마크다운 문법을 따르나요?

대부분의 마크다운 도구가 따르는 표준인 CommonMark(영문)를 따르고, 여기에 GitHub 확장 기능인 표, 체크리스트, 취소선, 자동 링크, 각주를 더했습니다. GitHub, GitLab, Obsidian, Reddit, Discord용으로 쓴 텍스트는 여기서도 똑같이 보입니다. 다만 사용자 멘션이나 Obsidian의 위키 링크처럼 각 서비스가 따로 더한 기능은 예외입니다.

마크다운을 Google Docs에 넣으려면 어떻게 하나요?

서식 있는 텍스트로 복사를 클릭하고 문서에 붙여 넣으세요. 제목, 목록, 링크, 표의 서식이 유지됩니다. 최신 Google Docs는 도구 메뉴의 환경설정에서 '마크다운 사용 설정'을 켜면 수정 메뉴의 'Markdown에서 붙여넣기'로 마크다운을 직접 읽을 수도 있습니다.

Mermaid 다이어그램이나 LaTeX 수식을 지원하나요?

아직 지원하지 않습니다. Mermaid 블록은 일반 코드 블록으로 표시되고, $...$로 쓴 수식은 일반 텍스트로 남습니다. 그 밖의 GitHub Flavored Markdown 기능은 모두 지원합니다.

마크다운이란 무엇이고 누가 사용하나요?

마크다운은 몇 가지 기호로 일반 텍스트에 서식을 지정하는 방법입니다. 2004년 존 그루버(John Gruber)가 HTML로 변환하기 전에도 문서를 쉽게 읽을 수 있도록 만들었습니다(위키백과에서 더 보기). 개발자는 README 파일과 문서에, 작가는 메모와 초안에 사용하며, AI 채팅 도구도 마크다운으로 답합니다. 그래서 AI의 답변을 다른 곳에 붙여 넣으면 별표와 # 기호가 가득합니다.

텍스트용 도구는 텍스트 카테고리에 더 있습니다. 문서의 두 버전을 비교해 바뀐 부분을 확인하거나, 제목의 대소문자를 한 번에 변환할 수 있습니다. 개발자는 JSON 정렬 및 검사기를 비롯한 여러 도구를 개발자 카테고리에서 찾을 수 있습니다.