마크다운 미리보기 - 실시간 편집기 & 렌더러
왼쪽에서 마크다운을 작성하고 오른쪽에서 렌더링된 미리보기를 확인하세요. 모든 구문을 지원하여 즉시 렌더링됩니다.
마크다운 미리보기 도구란 무엇인가요?
마크다운 미리보기 도구는 경량 마크업 언어인 마크다운을 작성하고, 서식이 지정된 HTML로 렌더링되는 방식을 즉시 확인할 수 있도록 해줍니다. 이 도구는 편집기와 미리보기를 나란히 제공합니다. 왼쪽에 입력하면 오른쪽에 실시간으로 결과가 표시됩니다. 제목, 굵게, 기울임꼴, 코드 블록, 표, 목록, 인용구, 링크 및 이미지를 포함한 모든 일반적인 마크다운 구문을 지원합니다. 외부 라이브러리는 로드되지 않으며, 파서는 브라우저 내에서 완전히 실행됩니다.
마크다운 미리보기 사용 방법
- 마크다운 작성 — 왼쪽 편집기 창에 마크다운 구문을 입력하거나 붙여넣으세요.
- 실시간 미리보기 확인 — 입력하는 동안 오른쪽 창이 즉시 업데이트됩니다.
- 전체 구문 사용 — 제목(#), 굵게(**), 기울임꼴(*), 코드(```), 표(|), 목록(- 또는 1.), 인용구(>), 링크, 이미지 등을 사용하세요.
- 마크다운 복사 — "MD 복사"를 클릭하여 원시 마크다운 텍스트를 복사하세요.
- HTML 복사 — "HTML 복사"를 클릭하여 렌더링된 HTML 출력을 복사하세요.
이 마크다운 미리보기를 사용하는 이유는 무엇인가요?
- 즉각적인 렌더링 — 지연이나 컴파일 단계가 없습니다. 키 입력마다 미리보기가 업데이트됩니다.
- 전체 구문 지원 — 제목, 굵게, 기울임꼴, 코드 블록, 표, 목록, 인용구, 링크, 이미지 및 수평선을 처리합니다.
- 종속성 없음 — 외부 라이브러리가 로드되지 않은 내장 마크다운 파서입니다.
- 다크 테마 — 편집기와 어울리는 다크 테마 미리보기로 눈이 편안합니다.
- 두 가지 형식 모두 복사 — 한 번의 클릭으로 작업을 원시 마크다운 또는 렌더링된 HTML로 내보내세요.
- 개인 정보 우선 — 모든 것이 브라우저에서 실행됩니다. 텍스트는 서버로 전송되지 않습니다.
FreeToolbox vs 다른 마크다운 편집기
| 기능 | FreeToolbox | Dillinger.io | StackEdit |
|---|---|---|---|
| 브라우저 기반 | 예 | 예 (하지만 서버) | 예 (하지만 서버) |
| 계정 불필요 | 예 | 예 | Google/GitHub 로그인 |
| 실시간 미리보기 | 예 | 예 | 예 |
| 표 지원 | 예 | 예 | 예 |
| HTML 복사 | 예 | 내보내기만 가능 | 내보내기만 가능 |
| 외부 라이브러리 없음 | 예 | 아니요 (marked.js) | 아니요 (다수) |
| 다크 테마 | 예 | 아니요 | 선택 사항 |
자주 묻는 질문
어떤 마크다운 구문이 지원되나요?
이 도구는 제목(# ~ ######), 굵게(**텍스트**), 기울임꼴(*텍스트*), 취소선(~~텍스트~~), 인라인 코드(`코드`), 코드 블록(```), 인용구(>), 순서 없는 목록(- 또는 *), 순서 있는 목록(1.), 링크, 이미지, 표 및 수평선(---)을 지원합니다.
외부 마크다운 라이브러리를 사용하나요?
아니요. 마크다운 파서는 처음부터 자체적으로 구축되었으며 브라우저 내에서 완전히 실행됩니다. marked.js 또는 showdown과 같은 외부 라이브러리는 로드되지 않습니다.
렌더링된 HTML을 내보낼 수 있나요?
예. 'HTML 복사' 버튼을 클릭하여 렌더링된 HTML을 클립보드에 복사하세요. 그런 다음 HTML 파일 또는 편집기에 붙여넣을 수 있습니다.
제 텍스트는 어디에 저장되나요?
아니요. 모든 것이 브라우저에서 로컬로 실행됩니다. 마크다운 텍스트는 저장, 보관 또는 전송되지 않습니다. 탭을 닫으면 콘텐츠가 사라집니다.
GitHub Flavored Markdown (GFM)을 지원하나요?
표, 취소선, 코드 블록을 포함하여 가장 일반적인 GFM 기능을 지원합니다. 작업 목록 및 자동 링크와 같은 일부 고급 GFM 기능은 아직 지원되지 않습니다.