마크다운 에디터

실시간 미리보기와 함께 마크다운을 작성하세요. 제목, 목록, 표, 코드 블록, 링크, 이미지 등을 지원합니다. .md 또는 .html로 내보내기 가능합니다.

마크다운 에디터는 무엇인가요?

마크다운 에디터는 마크다운을 작성하면서 렌더링된 미리보기가 실시간으로 업데이트되는 글쓰기 도구입니다. 2004년 John Gruber가 만든 마크다운은 일반 텍스트로 읽을 수 있으면서 깔끔하게 서식 있는 HTML로 변환되도록 설계된 경량 일반 텍스트 마크업 언어입니다. 그 단순성 덕분에 GitHub README 파일과 위키, 기술 문서 사이트(MkDocs, Docusaurus, GitBook), 정적 사이트 생성기(Jekyll, Hugo, Gatsby), 노트 앱(Obsidian, Notion, Bear), 블로그 플랫폼, Slack과 Discord 메시지, Jupyter 노트북 등 광범위한 콘텐츠의 사실상 표준이 되었습니다. 마크다운의 매력은 최소한의 문법에 있습니다. 굵게(** **), 기울임(* *), 제목(# ~ ######), 글머리 기호 목록(- 또는 *), 코드(백틱), 링크([텍스트](URL)) 같은 간단한 규칙으로 일반 텍스트를 작성합니다. 결과물은 원시 형태에서 사람이 읽을 수 있으면서 HTML로도 아름답게 렌더링됩니다.

마크다운 에디터 사용 방법

왼쪽 편집기 창에 마크다운 콘텐츠를 입력하세요. 렌더링된 미리보기가 오른쪽에서 실시간으로 업데이트되어 콘텐츠가 게시될 때 어떻게 보일지 항상 확인할 수 있습니다. 상단 툴바 단축키를 사용하면 문법을 외우지 않고도 굵게, 기울임, 제목, 링크, 이미지, 코드 블록, 표, 목록 같은 일반적인 마크다운 요소를 빠르게 삽입할 수 있습니다. 탭을 사용하여 세 가지 보기 모드를 전환하세요: 편집기 전용(방해 없는 글쓰기 모드), 분할(나란히 편집 및 미리보기, 기본값), 미리보기 전용(교정을 위한 최종 렌더링 보기). 효율성을 위한 키보드 단축키: Ctrl+B(굵게), Ctrl+I(기울임), Ctrl+K(링크 삽입). 완료 후 .md 다운로드를 클릭하여 원시 마크다운 소스 파일을 저장하거나, .html 다운로드를 클릭하여 임베드된 CSS 스타일링이 포함된 완전한 독립형 HTML 파일을 저장하세요.

자주 묻는 질문

어떤 마크다운 문법 기능이 지원되나요?

제목(# ~ ######), 굵게(**텍스트**), 기울임(*텍스트*), 취소선(~~텍스트~~), 인라인 코드(`코드`), 언어 힌트가 있는 펜스드 코드 블록(```javascript), 순서 있는/없는 목록, 작업 목록(- [ ] 항목), 인용문(>), 수평선(---), 링크([텍스트](url)), 이미지(![대체텍스트](url)), 표(파이프 구분), 각주, 마크다운이 기본적으로 지원하지 않는 요소를 위한 HTML 패스스루를 지원합니다.

마크다운을 HTML로 내보낼 수 있나요?

네. HTML 다운로드 버튼을 클릭하면 임베드된 CSS 스타일링이 적용된 완전한 독립형 HTML 파일을 받습니다. 파일은 어떤 웹 브라우저에서도 올바르게 열리며 추가 도구 없이 게시하거나 공유할 준비가 됩니다. HTML 출력에는 렌더링된 마크다운과 적절한 제목 계층 구조, 올바르게 포맷된 코드 블록, 클릭 가능한 링크, 스타일이 지정된 표가 포함됩니다.

마크다운에서 표를 어떻게 만드나요?

마크다운 표는 열을 구분하는 파이프(|) 문자와 헤더 행 구분자로 하이픈(---)을 사용합니다. 예: | 이름 | 나이 | | --- | --- | | 홍길동 | 30 |. 구분자 행의 하이픈 수는 관계없습니다. 최소 세 개가 필요합니다. 정렬 제어를 위해 콜론을 추가하세요: :---은 왼쪽 정렬, :---:는 가운데, ---:는 오른쪽 정렬. 툴바의 표 생성기가 구조를 만들어 드리므로 내용만 채우면 됩니다.

.md와 .mdx 파일의 차이는 무엇인가요?

표준 마크다운(.md)은 HTML로 변환되는 마크다운 서식이 있는 일반 텍스트입니다. MDX(.mdx)는 마크다운 파일에 JSX 컴포넌트를 직접 임베드할 수 있게 하는 React 기반 프레임워크(Next.js, Gatsby, Docusaurus)에서 사용되는 확장입니다. 여기 편집기는 표준 CommonMark 마크다운(.md)에 초점을 맞춥니다. MDX 파일의 경우 전용 MDX 편집기나 MDX 지원이 있는 IDE를 사용하세요.

브라우저를 닫을 때 콘텐츠가 저장되나요?

편집기는 현재 콘텐츠를 브라우저의 localStorage에 저장하여 같은 기기에서 페이지 새로 고침과 브라우저 재시작 시에도 유지됩니다. 그러나 localStorage는 브라우저 설정이나 개인 정보 보호 브라우징 모드로 지워질 수 있습니다. 중요한 문서는 항상 .md 다운로드 버튼을 사용하여 기본 백업으로 로컬 파일을 저장하세요. 중요한 콘텐츠의 유일한 사본으로 브라우저 저장 버전에만 의존하지 마세요.