nicetool.dev logo

Markdown 미리보기

왼쪽에 Markdown을 입력하면 오른쪽에 결과가 보입니다. HTML은 허용되지만 스크립트는 제거됩니다.

85단어 · 382자 · 29줄 · 1분 분량
미리보기

Markdown이란?

Markdown은 제목에 #, 굵게에 **, 목록에 -처럼 평범한 문자를 쓰는 가벼운 마크업 언어로, 렌더링하기 전에도 텍스트를 쉽게 읽을 수 있습니다. README 파일, GitHub 이슈, 문서 사이트, 메모 앱, 많은 블로그의 표준 형식입니다. 이 편집기는 표, 작업 목록, 취소선, 코드 블록을 지원하는 GitHub 방식 Markdown을 따르며 입력과 동시에 HTML을 보여줍니다.

기능

  • • GitHub 방식 Markdown: 표, 작업 목록, 취소선, 코드 블록
  • • 편집, 분할, 미리보기 모드
  • • 굵게, 링크, 코드, 목록, 인용, 표를 위한 도구 모음
  • • 단어·문자·줄 수와 읽는 시간
  • • HTML 복사 또는 .md와 스타일이 적용된 독립 .html 다운로드

설계부터 프라이버시 중심

텍스트는 브라우저에서 렌더링되며 업로드되지 않습니다. 미리보기는 스크립트, 이벤트 핸들러, javascript: 링크를 제거하므로 붙여넣은 HTML이 페이지에서 코드를 실행할 수 없습니다.

안전한 미리보기, 100% 클라이언트 측.

Markdown 미리보기 사용 방법

  1. 1

    편집기에 Markdown을 쓰거나 붙여넣으세요. 오른쪽 미리보기는 입력하는 대로 갱신되며 제목, 목록, 표, 코드 블록, 작업 목록을 보여줍니다.

  2. 2

    도구 모음으로 굵게, 기울임, 제목, 링크, 코드, 목록, 인용, 표, 가로줄을 넣을 수 있습니다. 텍스트를 먼저 선택하면 그 부분을 감쌉니다.

  3. 3

    편집, 분할, 미리보기 모드를 전환하세요. GitHub 댓글처럼 한 번의 줄바꿈도 보이게 하려면 "줄바꿈을 <br>로"를 켜세요.

  4. 4

    생성된 HTML을 복사하거나 텍스트를 .md 또는 기본 스타일이 적용된 독립 .html 파일로 내려받으세요. 어떤 브라우저에서도 열립니다.

활용 예시

README 작성

GitHub나 GitLab 저장소의 README를 작성하고 커밋 전에 표, 코드 블록, 체크리스트가 제대로 보이는지 확인하세요.

문서와 메모

기술 메모, 회의록, 운영 절차서를 Markdown으로 쓰면 일반 텍스트로도 읽기 쉽고 Notion, Obsidian, Confluence에서도 쓸 수 있습니다.

이슈와 풀 리퀘스트 설명

단계, 코드 조각, 작업 목록이 들어간 긴 버그 리포트를 준비해 미리 확인한 뒤 이슈 트래커에 붙여넣으세요.

Markdown을 HTML로 변환

정적 사이트 생성기를 설치하지 않고도 Markdown 글을 CMS, 이메일 뉴스레터, 정적 페이지용 깔끔한 HTML로 바꿀 수 있습니다.

자주 묻는 질문

어떤 Markdown 방식을 지원하나요?+

GitHub Flavored Markdown(GFM)입니다. 표준 CommonMark에 표, 작업 목록, ~~텍스트~~ 취소선, 코드 블록, 자동 링크가 더해집니다.

Markdown 안에서 HTML을 쓸 수 있나요?+

네, Markdown은 HTML을 허용합니다. 안전을 위해 미리보기는 스크립트, iframe, onclick 같은 이벤트 핸들러, javascript: 링크를 제거하므로 붙여넣은 내용이 이 페이지에서 코드를 실행할 수 없습니다.

줄바꿈 한 번으로 새 줄이 안 생기는 이유는?+

표준 Markdown에서 한 번의 줄바꿈은 공백으로 처리되고 빈 줄이 있어야 새 문단이 됩니다. "줄바꿈을 <br>로"를 켜거나 줄 끝에 공백 두 칸을 넣으면 줄이 바뀝니다.

텍스트가 저장되나요?+

아니요. 편집기는 브라우저에서 작동하며 아무것도 업로드하지 않습니다. 작업을 보관하려면 .md 파일을 내려받으세요.