본문으로 건너뛰기
patrache.tools

마크다운 미리보기

마크다운 미리보기 무료 온라인 도구. 마크다운 문법을 실시간으로 HTML 렌더링 확인. 블로그·문서 작성에 유용. 브라우저 처리, 설치 불필요.

에디터
미리보기

Hello World

This is a bold and italic text example.

Features


  • Simple markdown parsing

  • Bold, italic, strikethrough

  • Links
  • Blockquote example

    code block

    Inline code is also supported.

    lock파일이 서버로 전송되지 않습니다
    공유
    임베드

    내 사이트에 이 도구 임베드하기

    마크다운을 실시간으로 미리보기하는 무료 온라인 도구입니다. 입력과 동시에 렌더링 결과를 확인하고 HTML 내보내기를 지원합니다. 브라우저에서 직접 처리되어 데이터가 서버로 전송되지 않습니다. GitHub README, 블로그, 문서 작성에 최적화되어 있습니다.

    마크다운 미리보기 어떻게 사용하나요?

    1. 왼쪽 편집기에 마크다운을 입력합니다.
    2. 오른쪽 패널에서 실시간 미리보기를 확인합니다.
    3. 필요 시 HTML로 내보냅니다.

    마크다운 미리보기 자주 묻는 질문

    GitHub 스타일 마크다운을 지원하나요?

    네, 테이블, 체크리스트, 코드 블록 하이라이팅 등 GFM을 완벽 지원합니다.

    HTML로 내보낼 수 있나요?

    네, 렌더링된 결과를 HTML로 복사하거나 파일로 내보낼 수 있습니다.

    여기서 잘 보이는데 깃허브에 올리면 다르게 보이는 이유는 무엇인가요?

    마크다운에는 하나의 표준만 있는 것이 아니라 각 플랫폼이 조금씩 다른 방언을 씁니다. 깃허브는 표와 체크박스, 취소선 같은 GFM 확장을 지원하지만 원시 HTML 일부는 보안상 걸러 내고, 노션이나 슬랙은 또 다른 규칙을 씁니다. 여러 곳에 올릴 문서라면 제목·목록·코드 블록·링크처럼 어디서나 통하는 기본 문법만 쓰는 편이 안전합니다.

    코드 블록에서 문법 강조 색상은 어떻게 지정하나요?

    여는 백틱 세 개 바로 뒤에 언어 이름을 붙이면 됩니다. js, python, sql, bash처럼 소문자로 적으며, 언어를 적지 않으면 색 없이 등폭 글꼴로만 표시됩니다. 언어 이름을 잘못 적어도 오류가 나지 않고 그냥 색이 사라지므로, 강조가 안 될 때는 javascript 대신 js처럼 널리 쓰이는 짧은 표기를 먼저 시도해 보세요.

    마크다운 미리보기 잘 활용하는 방법은?

    • 줄바꿈은 문장 끝에 공백 두 개를 넣거나 빈 줄을 하나 두어야 실제로 반영됩니다.
    • 표는 GitHub 스타일(GFM) 문법을 씁니다. 헤더 아래 구분선의 하이픈 개수는 상관없습니다.
    • 코드 블록에는 ```js처럼 언어를 적어 두면 하이라이팅이 제대로 걸립니다.

    Powered by Patrache Studio Tools

    광고 차단을 해제해 주세요

    이 도구를 이용하려면 이 사이트의 광고 차단을 해제해 주세요. 광고 수익으로 무료 서비스를 운영합니다.

    광고 차단기 아이콘을 눌러 이 사이트의 차단을 끈 뒤 다시 확인해 주세요.