마크다운 편집기
기기에서 실행되며 아무것도 전송되지 않습니다.모든 작업은 사용자의 기기에서만 이루어집니다. 입력한 내용은 어디로도 전송되지 않습니다.
마크다운
미리보기
렌더링된 미리보기가 여기에 표시됩니다
실시간 미리보기로 마크다운을 작성한 후 깔끔한 HTML이나 원본 마크다운 파일을 내보내세요. 모든 작업은 브라우저에서만 이루어집니다.
이 편집기는 입력하는 즉시 브라우저에서만 마크다운을 HTML로 실시간 변환하며, 사람들이 실제로 일상적으로 사용하는 구문(제목, 굵게 및 기울임 텍스트, 링크, 이미지, 목록, 인용문, 인라인 코드, 코드 블록)을 지원합니다. 어떤 서식이 적용되기 전에도 입력한 모든 내용은 HTML로 이스케이프되므로, 붙여넣은 HTML이나 script 태그는 실행되지 않고 단순한 표시 텍스트로 렌더링됩니다 - 작성한 내용은 어디로도 업로드되지 않습니다.
자주 묻는 질문
이것이 전체 CommonMark 사양인가요?
아니요 - 이는 사람들이 가장 자주 사용하는 구문(제목, 강조, 링크, 이미지, 목록, 인용문, 코드)을 다루며, 중첩 목록, 표, 각주 같은 모든 예외 사항을 포함한 전체 CommonMark 사양은 아닙니다. 일상적인 메모, README, 문서 작성에는 이 핵심 부분집합만으로도 실제 마크다운 사용의 대부분을 충분히 커버합니다.
완전히 신뢰하지 않는 곳에서 마크다운을 붙여넣어도 안전한가요?
네. 입력하거나 붙여넣는 모든 문자는 마크다운 서식이 적용되기 전에 HTML로 이스케이프되며, 링크나 이미지 URL은 사용되기 전에 안전한 스킴 허용 목록(http, https, mailto, 상대 경로)과 대조 확인됩니다 - 붙여넣은 javascript: 링크나 삽입된 <script> 태그는 실행되지 않고 무해한 표시 텍스트로 렌더링됩니다.
HTML 다운로드와 마크다운 다운로드의 차이는 무엇인가요?
마크다운 다운로드는 나중에 추가로 편집하거나 저장소에 커밋할 수 있도록 작성한 내용을 그대로 .md 파일로 저장합니다. HTML 다운로드는 렌더링된 결과물을 독립된 .html 파일로 저장하여 CMS, 이메일 또는 마크다운 소스가 아닌 완성된 HTML을 요구하는 다른 곳에 바로 붙여넣을 수 있게 합니다.
미리보기에서 줄바꿈이 사라지는 이유는 무엇인가요?
파서는 표준 Markdown 문단 규칙을 따릅니다. 빈 줄로 구분되지 않은 줄들은 하나의 문단으로 합쳐지며, 각 줄바꿈은 공백 하나로 축소됩니다. 새 문단을 원한다면 텍스트 블록 사이에 빈 줄을 남겨두세요 - Enter를 한 번만 누르면 렌더링된 결과물에 보이는 줄바꿈이 생기지 않습니다.
코드 블록이 ```js와 같은 언어의 구문 강조를 지원하나요?
아직은 아닙니다 - 여는 삼중 백틱 뒤에 작성하는 언어는 블록이 시작되는 위치를 표시하는 용도로만 사용되며, 표시되거나 색상이 적용되지 않고 버려집니다. 펜스 안의 모든 내용은 이스케이프되어 일반 고정폭 텍스트로 렌더링되므로, 코드는 구문 색상만 없을 뿐 입력한 그대로 유지됩니다.
표를 지원하나요?
아직은 아닙니다 - 이 파서는 사람들이 가장 자주 사용하는 구문에 집중하고 있으며, 파이프로 구분된 표는 그 대상에 포함되지 않습니다. Markdown 구문으로 작성한 표는 실제 표가 아니라 일반 문단 텍스트로 렌더링되므로, 내보낸 결과물에 표가 필요하다면 현재로서는 HTML로 직접 작성해야 합니다.
중첩 목록을 지원하나요?
아니요 - 앞쪽 공백과 관계없이 모든 목록 항목은 평면적으로 처리되므로, 줄을 들여써서 하위 목록을 만들어도 중첩 목록이 생기지 않고 또 다른 최상위 항목으로 렌더링됩니다. 계층 구조가 필요하다면 가장 가까운 대안은 제목을 사용하거나 코드 블록 안에서 수동으로 들여쓰기하여 표현하는 것입니다.
굵게와 기울임에 * 를 쓰든 _ 를 쓰든 차이가 있나요?
아니요 - 둘 다 동일하게 처리됩니다. **굵게**와 __굵게__ 모두 굵은 텍스트를 만들고, *기울임*과 _기울임_ 모두 기울임 텍스트를 만듭니다. 툴바의 B와 I 버튼은 항상 별표 형식을 삽입하지만, 밑줄 형식을 직접 입력해도 동일하게 작동합니다.
~~이렇게~~ 취소선을 그을 수 있나요?
현재는 불가능합니다 - 취소선은 이 파서가 인식하는 구문에 포함되지 않으므로, ~~텍스트~~는 취소선이 적용된 텍스트가 아니라 일반 텍스트 양옆에 물결표가 그대로 붙은 형태로 렌더링됩니다. 이는 핵심 Markdown을 넘어선, 비교적 흔히 쓰이지만 이 도구가 아직 지원하지 않는 확장 구문 중 하나입니다.
수평선을 작성하는 여러 방법은 무엇인가요?
한 줄에 하이픈, 별표, 밑줄을 세 개 이상 쓰면 - ---, ***, ___ 모두 수평선으로 렌더링됩니다. 툴바의 ― 버튼은 항상 하이픈 형식을 삽입하지만, 세 가지 모두 직접 입력해도 동일하게 작동합니다.
인용문이 여러 문단에 걸쳐 이어질 수 있나요?
연속된 > 줄로 이루어진 각 블록은 일반 문단과 마찬가지로 줄바꿈이 공백으로 축소되어 인용문 안의 하나의 문단으로 렌더링됩니다. 같은 인용문 안에서 두 번째 문단을 시작하기 위해 빈 인용 줄을 남기는 방식은 지원되지 않으며, 대신 인용문을 종료시킵니다.
Word나 Google 문서에서 서식이 있는 텍스트를 붙여넣을 수 있나요?
편집기에 붙여넣을 수는 있지만 일반 텍스트로만 가능합니다 - 브라우저는 일반 텍스트 상자에 붙여넣을 때 서식(굵게, 제목, 링크)을 제거하므로 단어는 남지만 서식이 자동으로 Markdown 구문으로 바뀌지는 않습니다. 제목, 굵게, 링크를 직접 다시 적용해야 하며, 이것이 바로 편집기 위 툴바 버튼이 존재하는 이유입니다.
편집기 위의 버튼들은 무슨 역할을 하나요?
각 버튼은 커서 위치에 해당하는 Markdown 구문을 삽입하거나, 선택한 텍스트를 감쌉니다 - 단어를 선택한 상태에서 B를 클릭하면 **단어**가 되고, 빈 줄에서 H2를 클릭하면 제목이 됩니다. 이는 이 파서가 이해하는 정확한 구문에 대한 단축키일 뿐, 별도의 서식 시스템이 아닙니다.
붙여넣을 수 있는 텍스트 양에 제한이 있나요?
고정된 제한은 없지만, 키를 누를 때마다 전체 문서가 브라우저의 메인 스레드에서 처음부터 다시 파싱됩니다. 메모나 글 정도는 즉시 처리되지만, 매우 큰 문서(수만 줄)는 증분 파싱이나 백그라운드 파싱이 없기 때문에 입력할 때 다소 느려질 수 있습니다.
아랍어나 페르시아어처럼 오른쪽에서 왼쪽으로 쓰는 언어에서도 동일하게 작동하나요?
네 - 이러한 언어에서는 페이지 레이아웃이 오른쪽에서 왼쪽으로 전환되고, 렌더링된 미리보기도 같은 방향을 따르므로 제목, 목록, 문단이 자연스럽게 읽힙니다. Markdown 구문 자체(#, *, > 등)는 언어와 관계없이 완전히 동일하게 유지됩니다.
개발자를 위한 정보: URL에 `q` 매개변수를 붙여 이 페이지를 열면 - 예: gizke.com/markdown?q=# Hello world - 해당 값이 자동으로 미리 채워집니다. 대부분의 방문자는 이 기능이 필요하지 않습니다. 바로 사용할 수 있는 예시로 직접 링크하기 위한 용도입니다.