Markdown 편집기

온라인에서 Markdown을 작성하고 렌더링 결과를 즉시 확인하며 단어와 문자 수를 보고 Markdown 또는 깨끗한 HTML을 복사하세요.

광고
광고

Markdown 편집기를 사용하면 Markdown 형식의 텍스트를 작성하고 미리 볼 수 있습니다. 분할 창 인터페이스로 실시간 렌더링, 단어 수, HTML 내보내기를 지원합니다. CommonMark와 GitHub Flavored Markdown 사양을 모두 지원합니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.

실시간 미리보기로 Markdown 작성 — 업로드 없음, 가입 없음

즉시 렌더링, 단어 수, 원클릭 HTML/Markdown 복사가 있는 분할 창 편집기. 모두 브라우저에서 로컬로 실행됩니다.

실시간 미리보기
단어 수
무료 무제한

사용 방법

  1. 1

    Markdown 작성

    편집기 패널에 Markdown을 입력하거나 붙여넣습니다.

  2. 2

    즉시 미리보기

    제목, 목록, 링크, 강조를 편집하면서 렌더링 결과를 나란히 확인합니다.

  3. 3

    결과 복사

    문서, CMS, 이슈 트래커에 사용할 Markdown 원본 또는 생성된 HTML을 복사합니다.

빠른 Markdown 작성

실시간 미리보기

입력하는 동안 렌더링 결과가 바로 업데이트됩니다.

작성 통계

문자, 단어, 줄 수를 초안 작성 중에 확인합니다.

깨끗한 HTML

Markdown을 렌더링된 HTML로 바꾸고 한 번에 복사합니다.

광고

Markdown 이해하기

Markdown이란 무엇이며 왜 사용하는가?

Markdown은 2004년 John Gruber가 단순하고 읽기 쉬운 텍스트-HTML 변환 구문으로 만들었습니다. 디자인 철학은 소스 텍스트가 렌더링 없이 있는 그대로 읽을 수 있어야 한다는 것입니다. # 제목과 **굵게** 텍스트가 있는 Markdown 문서는 일반 텍스트 편집기에서도 이해할 수 있습니다. 이는

제목

과 굵게가 텍스트를 꺾쇠 괄호로 어지럽히는 HTML과 대조적입니다. Markdown은 문서화(GitHub README 파일, npm 패키지 문서), 블로깅(Jekyll, Hugo, Ghost), 노트 필기(Obsidian, Notion), 기술 작성의 표준 형식이 되었습니다.

GitHub-Flavored Markdown(GFM)은 개발자가 요청한 기능으로 원래 Markdown 사양을 확장합니다: 펜스 코드 블록(`language), 표(| 열 | 열 |), 작업 목록(- [x] 완료), 취소선(~~텍스트~~), URL 자동 링크. GFM은 GitHub, GitLab, Bitbucket, Discord, Reddit 및 기타 많은 플랫폼에서 지원되는 가장 널리 사용되는 Markdown 변형입니다. 저희 편집기는 빠르고 사양 준수 Markdown 파서인 marked.js 라이브러리를 사용하여 GFM을 렌더링합니다.

Markdown으로 작성하는 것은 WYSIWYG 편집기(예: Microsoft Word 또는 Google Docs)보다 여러 장점이 있습니다: 파일이 일반 텍스트이므로 미래에도 사용 가능하고 버전 관리가 친화적이며 검색이 가능합니다. 서식이 의미적입니다(모양이 아닌 것이 무엇인지 설명). 소스가 이식 가능합니다(모든 텍스트 편집기에서 작동). 콘텐츠와 표현의 분리는 동일한 Markdown 파일을 다른 스타일링으로 HTML, PDF, EPUB 또는 슬라이드로 렌더링할 수 있음을 의미합니다.

광고

Markdown 구문 모범 사례

ATX 스타일 제목(#은 H1, ##은 H2)을 사용하고 해시 뒤에 공백을 넣으세요. Setext 스타일 제목(=== 또는 ---로 밑줄)은 GFM에서 더 이상 사용되지 않습니다. 제목, 목록, 코드 블록 앞뒤에 빈 줄을 남기세요. 많은 파서가 올바른 렌더링을 위해 이를 요구합니다. 강조에는 **굵게**와 *이탤릭*(별표)을 일관되게 사용하세요. 기술 문서에서 변수 이름과 충돌할 수 있으므로 강조에 _를 사용하지 마세요.

코드 블록의 경우 구문 강조를 위해 항상 언어를 지정하세요: 언어 이름(javascript, python, bash) 뒤에 삼중 백틱을 사용하세요. 인라인 코드에는 단일 백틱을 사용하세요. 링크에는 [텍스트](url) 형식을 사용하세요. 이미지에는 ![대체 텍스트](url)를 사용하세요. 표에는 파이프 구문과 구분 행을 사용하세요: | 헤더 | 헤더 | / | --- | --- | / | 셀 | 셀 |. 표에는 헤더 행과 구분 행이 있어야 합니다. 본문의 셀은 비워둘 수 있지만 구조는 유지되어야 합니다.

광고

다른 Markdown 편집기와 어떻게 비교되나요?

인기 온라인 Markdown 편집기의 나란히 비교입니다.

기능NovaToolsStackEditDillinger.io
프라이버시(서버 없음)100% 로컬서버 동기화서버 측
GitHub-Flavored MarkdownGFM
실시간 미리보기분할 보기
구문 강조
HTML로 내보내기
등록 불필요(동기화 시)(저장 시)

당사 편집기는 브라우저 내에서 완전히 실행됩니다. 문서가 업로드되거나 저장되지 않아 기밀 문서에 안전합니다.

자주 묻는 질문

Markdown이 서버로 업로드되나요?
아니요. 편집기와 미리보기는 브라우저에서 실행되므로 메모, 초안, HTML 출력은 기기에 남아 있습니다.
렌더링된 HTML을 복사할 수 있나요?
예. HTML 복사 버튼으로 렌더링 결과를 복사하거나 원본 Markdown을 복사할 수 있습니다.
Markdown 안의 원시 HTML도 렌더링되나요?
아니요. 붙여넣은 내용을 더 안전하게 처리하기 위해 미리보기에서 원시 HTML은 비활성화되어 있습니다.
어떤 Markdown 기능이 지원되나요?
The tool supports the full CommonMark specification plus several GitHub Flavored Markdown (GFM) extensions: headings (h1-h6), bold and italic text, strikethrough, inline code and code blocks with syntax highlighting, blockquotes, ordered and unordered lists, nested lists, task lists (checkboxes), tables, horizontal rules, links (inline and reference style), images, and automatic URL linking. The parser also supports footnotes and definition lists in some configurations. Check the preview pane to see how each syntax element renders in real time as you type.
편집기에 단어 수와 문자 수가 표시되나요?
Yes. The tool displays real-time word count, character count (with and without spaces), and line count in the status bar below the editor. The word count follows the standard definition: any sequence of non-whitespace characters separated by whitespace is counted as one word. This is useful for meeting word count requirements in documentation, blog posts, academic papers, or social media content. The counts update instantly as you type — there is no need to click a button or refresh.
이 편집기를 문서 작성에 사용할 수 있나요?
Absolutely. The editor is well-suited for writing technical documentation, API docs, README files, wiki pages, and knowledge base articles. The live preview lets you see exactly how your documentation will look when rendered, and the one-click HTML copy gives you clean, semantic HTML ready to paste into any CMS or documentation platform. The tool supports code blocks with syntax highlighting, tables for data, blockquotes for callouts, and task lists for tracking documentation TODOs. For long-form documentation, consider copying the Markdown to a dedicated file on your device periodically, as the editor does not auto-save to disk.
탭을 닫으면 작업이 저장되나요?
The tool does not persist your work to disk or cloud storage. When you close or refresh the browser tab, all content is lost. We recommend copying your Markdown to a file on your device periodically using the 'Copy Markdown' button, or using your browser's 'Save Page As' feature to save the entire page. If you need auto-save functionality, consider using a dedicated Markdown editor application like Obsidian, Typora, or VS Code with a Markdown extension. This tool is designed for quick, private, browser-based editing rather than long-term document storage.
키보드 단축키를 사용할 수 있나요?
Yes. The editor supports standard text editing shortcuts: Ctrl/Cmd+B for bold, Ctrl/Cmd+I for italic, Ctrl/Cmd+K for links, and Tab for code indentation. The editor also supports standard cursor movement and selection shortcuts. The preview pane updates in real time as you type, so there is no need to manually refresh. For a full list of supported Markdown syntax, refer to the CommonMark specification or experiment with the preview pane.

귀하의 프라이버시가 저희의 최우선 사항입니다

이 도구는 완전히 브라우저 내에서 실행됩니다. 파일은 서버로 업로드, 저장, 분석되지 않습니다.

  • 파일을 업로드, 저장, 분석하지 않습니다.
  • 처리하는 모든 것은 장치에 남습니다.
  • 서버 측 처리, 클라우드 저장소, 분석이 없습니다.

인터넷 연결이 끊겨도 파일은 안전합니다.

이것도 좋아하실 수 있습니다

이 주제 둘러보기

이 카테고리의 모든 도구텍스트 및 개발자 도구이 주제의 가이드개발자 도구

글꼴 서브세터

사용하지 않는 문자를 제거하여 글꼴 파일 크기를 줄입니다.

정규식 테스터

실시간으로 정규식을 테스트하고 디버그합니다.

웹소켓 테스터

온라인으로 웹소켓 연결을 디버그합니다.

도움이 되는 가이드

실시간 미리보기 Markdown 편집기 사용법

실시간 미리보기, 작성 통계, HTML 복사 기능으로 README, 문서, CMS 초안, 이슈 설명을 더 빠르게 작성하는 방법을 알아보세요.

Base64 텍스트를 안전하게 인코딩하고 디코딩하는 방법

Base64의 용도, 표준 Base64와 URL 안전 Base64의 차이, 브라우저에서 로컬로 인코딩/디코딩하는 방법을 알아보세요.

시간을 절약하는 10가지 무료 개발자 생산성 도구

비용을 들이지 않고 생산성을 높이는 최고의 무료 개발자 도구를 발견하세요. 코드 포맷터부터 API 테스터까지, 이 도구들은 워크플로우를 최적화할 것입니다.

광고