Skip to content

추천 Markdown 뷰어 ​

많은 Markdown 편집기에 미리보기 기능이 포함되어 있지만, 전용 Markdown 뷰어는 Markdown 문서를 읽고 표시하는 데 특화된 기능을 제공합니다. 이 가이드는 읽기 경험을 향상시키는 다양한 유형의 Markdown 뷰어를 추천합니다.

데스크톱 뷰어 ​

Marked 2 ​

macOS 용 전문 Markdown 미리보기 도구

특징:

  • ✅ 실시간 미리보기, 여러 렌더링 엔진 지원
  • ✅ PDF, HTML 등 다양한 형식으로 내보내기
  • ✅ 사용자 정의 CSS 지원
  • ✅ 효율적인 탐색을 위한 키보드 단축키
  • ✅ 인기 편집기와 통합

용도:

  • 전문 문서 검토
  • 프레젠테이션 준비
  • 세부 서식 확인

가격: 유료 소프트웨어 (약 $14.99) 플랫폼: macOS

Haroopad ​

다기능 Markdown 뷰어 및 편집기

특징:

  • ✅ 동기화 스크롤 분할 보기
  • ✅ 코드 블록 문법 강조
  • ✅ 표 및 수식 지원
  • ✅ HTML 및 PDF 로 내보내기
  • ✅ 가볍고 빠름

용도:

  • 빠른 문서 미리보기
  • 코드 문서 검토
  • 학술 논문 읽기

가격: 무료 플랫폼: Windows, macOS, Linux

Markdown Monster ​

강력한 Markdown 편집기 및 뷰어

특징:

  • ✅ 문법 강조가 있는 실시간 미리보기
  • ✅ 임베디드 브라우저가 있는 HTML 미리보기
  • ✅ 사용자 정의 테마 지원
  • ✅ 이미지 붙여넣기 및 드래그 앤 드롭
  • ✅ Git 통합

용도:

  • 기술 문서
  • 블로그 게시물 미리보기
  • 소프트웨어 문서 검토

가격: 유료 ($24), 무료 체험판 제공 플랫폼: Windows

브라우저 확장 프로그램 ​

Markdown Preview Plus ​

Markdown 파일을 보기 위한 브라우저 확장 프로그램

특징:

  • ✅ 브라우저에서 직접 Markdown 파일 미리보기
  • ✅ 사용자 정의 CSS 스타일링
  • ✅ 문법 강조
  • ✅ 키보드 단축키
  • ✅ 오프라인 지원

용도:

  • 로컬 Markdown 파일 빠른 미리보기
  • GitHub README 보기
  • 웹 기반 문서 검토

가격: 무료 브라우저: Chrome, Firefox

Markdown Viewer ​

간단하고 빠른 확장 프로그램

특징:

  • ✅ 원클릭 Markdown 렌더링
  • ✅ 다크 모드 지원
  • ✅ 글꼴 크기 조절
  • ✅ 렌더링된 HTML 복사
  • ✅ 외부 의존성 없음

용도:

  • 경량 미리보기 필요
  • 빠른 문서 확인
  • 미니멀리스트 사용자

가격: 무료 브라우저: Chrome, Firefox

StackEdit ​

강력한 미리보기 기능을 갖춘 온라인 편집기

특징:

  • ✅ 풍부한 Markdown 미리보기
  • ✅ 클라우드 동기화
  • ✅ 오프라인 모드
  • ✅ 협업 편집
  • ✅ 여러 형식으로 내보내기

용도:

  • 크로스디바이스 미리보기
  • 팀 협업
  • 온라인 문서 공유

가격: 무료 브라우저: 모든 최신 브라우저

웹 기반 뷰어 ​

Dillinger ​

클라우드 기반 Markdown 뷰어 및 편집기

특징:

  • ✅ 실시간 Markdown 미리보기
  • ✅ 클라우드 스토리지 통합 (Dropbox, Google Drive)
  • ✅ 여러 내보내기 옵션
  • ✅ 문법 강조
  • ✅ 설치 불필요

용도:

  • 빠른 온라인 미리보기
  • 문서 공유
  • 크로스플랫폼 액세스

가격: 무료

Markdown Live Preview ​

간단한 온라인 뷰어

특징:

  • ✅ 분할 보기의 깔끔한 인터페이스
  • ✅ 실시간 렌더링
  • ✅ 코드 문법 강조
  • ✅ 쉬운 복사/붙여넣기 기능

용도:

  • 빠른 미리보기 필요
  • 붙여넣고 미리보기 시나리오
  • 간단한 문서 확인

가격: 무료 링크: https://www.markdownlang.com/editor/

HackMD ​

협업 Markdown 플랫폼

특징:

  • ✅ 실시간 협업
  • ✅ 프레젠테이션 모드
  • ✅ 버전 기록
  • ✅ 수학 지원이 있는 풍부한 미리보기

용도:

  • 팀 문서 검토
  • 회의록
  • 협업 작성 세션

가격: 기본 사용 무료

모바일 뷰어 ​

iOS ​

iA Writer

  • ✅ 깔끔한 읽기 경험
  • ✅ 다크 모드
  • ✅ 클라우드 동기화
  • ✅ 방해 없는 읽기를 위한 집중 모드

Ulysses

  • ✅ 우아한 리더 인터페이스
  • ✅ 정리 기능
  • ✅ 여러 내보내기 옵션
  • ✅ Markdown 미리보기

Android ​

Markor

  • ✅ 오픈소스 및 무료
  • ✅ 로컬 파일 지원
  • ✅ 다크 테마
  • ✅ 문법 강조

JotterPad

  • ✅ 깔끔한 읽기 보기
  • ✅ 클라우드 동기화
  • ✅ Markdown 미리보기
  • ✅ 내보내기 기능

명령줄 뷰어 ​

Glow ​

명령줄 Markdown 렌더러

특징:

  • ✅ 문법 강조
  • ✅ 테마 지원
  • ✅ 표 서식
  • ✅ 스트리밍 콘텐츠를 위한 파이프 지원

용도:

  • 터미널 사용자
  • 서버 환경
  • 빠른 파일 확인

설치:

bash
# Homebrew 사용 (macOS/Linux)
brew install glow

# scoop 사용 (Windows)
scoop install glow

사용법:

bash
# Markdown 파일 보기
glow README.md

# stdin 에서 보기
echo "# Hello" | glow

Pandoc ​

범용 문서 변환기

특징:

  • ✅ Markdown 을 HTML 로 변환하여 보기
  • ✅ 여러 Markdown 변형 지원
  • ✅ 광범위한 사용자 정의 옵션
  • ✅ 다른 도구와 통합

용도:

  • 고급 사용자
  • 일괄 변환
  • 사용자 정의 렌더링 필요

설치:

bash
# Homebrew 사용
brew install pandoc

# apt 사용
sudo apt install pandoc

사용법:

bash
# HTML 로 변환하여 보기
pandoc README.md -o README.html
open README.html

통합 개발 환경 (IDE) 뷰어 ​

Visual Studio Code ​

내장 Markdown 미리보기

특징:

  • ✅ 나란히 미리보기
  • ✅ 동기화 스크롤
  • ✅ 사용자 정의 CSS 지원
  • ✅ 수식 렌더링
  • ✅ 플러그인으로 확장 가능

추천 확장 프로그램:

  • Markdown Preview Enhanced
  • Markdownlint
  • Paste Image

용도:

  • 개발자
  • 기술 작가
  • 소프트웨어 문서

IntelliJ IDEA ​

Markdown 지원 IDE

특징:

  • ✅ 실시간 미리보기
  • ✅ 문법 강조
  • ✅ 표 편집기
  • ✅ HTML 및 PDF 로 내보내기

용도:

  • Java 개발자
  • 프로젝트 문서
  • 팀 환경

선택 가이드 ​

사용 사례별 선택 ​

시나리오추천 뷰어이유
전문 검토Marked 2, Markdown Monster고급 기능, 내보내기 옵션
빠른 확인브라우저 확장 프로그램즉시 액세스, 설치 불필요
터미널 사용Glow, Pandoc명령줄 효율성
모바일 읽기iA Writer, Markor모바일 최적화, 동기화
팀 협업HackMD, StackEdit실시간 협업

기술 수준별 선택 ​

초보자:

  • 브라우저 확장 프로그램 (간단하고 접근하기 쉬움)
  • 온라인 뷰어 (설치 불필요)
  • Haroopad 같은 데스크톱 앱 (사용자 친화적)

중급자:

  • Marked 2 (전문 기능)
  • 확장 프로그램이 있는 VS Code (사용자 정의 가능)
  • Glow (터미널 효율성)

고급자:

  • Pandoc (고급 사용자 정의)
  • 사용자 정의 도구 체인
  • IDE 통합

예산별 선택 ​

무료:

  • 브라우저 확장 프로그램
  • 온라인 뷰어 (Dillinger, StackEdit)
  • 명령줄 도구 (Glow, Pandoc)
  • 오픈소스 데스크톱 앱 (Haroopad, Markor)

유료지만 가치 있음:

  • Marked 2 ($14.99)
  • Markdown Monster ($24)
  • iA Writer (모바일 앱)

최적화 팁 ​

뷰어 사용자 정의 CSS ​

css
/* 가독성 향상을 위한 사용자 정의 CSS 예시 */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f8f9fa;
}

h1, h2, h3 {
  color: #2c3e50;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

code {
  background-color: #e9ecef;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
}

pre {
  background-color: #e9ecef;
  padding: 1em;
  border-radius: 5px;
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}

table, th, td {
  border: 1px solid #dee2e6;
  padding: 8px;
}

th {
  background-color: #f1f3f5;
}

키보드 단축키 ​

주요 뷰어 공통 단축키:

  • Ctrl/Cmd + R - 미리보기 새로고침
  • Ctrl/Cmd + + - 글꼴 크기 증가
  • Ctrl/Cmd + - - 글꼴 크기 감소
  • Ctrl/Cmd + 0 - 글꼴 크기 재설정
  • F11 - 전체 화면 모드

보안 고려 사항 ​

Markdown 뷰어 사용 시:

  • 신뢰할 수 없는 Markdown 파일 주의 (악성 HTML 포함 가능)
  • 자동으로 JavaScript 를 실행하는 뷰어 피하기
  • 민감한 문서에는 로컬 뷰어 사용
  • 브라우저 확장 프로그램을 최신 상태로 유지

보조 도구 ​

이미지 최적화 ​

  • TinyPNG - 빠른 로드를 위해 이미지 압축
  • PicGo - Markdown 파일 내 이미지 관리

표 서식 ​

  • Tables Generator - 올바르게 서식이 지정된 표 생성
  • Markdown Tables Generator - 시각적 표 편집기

형식 변환 ​

  • Pandoc - 형식 간 변환
  • kramdown - Markdown 파일 처리

다음 단계 ​

적절한 뷰어를 선택한 후:


적절한 Markdown 뷰어를 사용하면 읽기 및 검토 경험이 크게 향상됩니다. 데스크톱 앱, 브라우저 확장 프로그램, 명령줄 도구 중 어떤 것을 선호하든 관계없이 요구 사항에 완벽하게 맞는 Markdown 뷰어를 반드시 찾을 수 있습니다.

Build by www.markdownlang.com