추천 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)
✅ 여러 내보내기 옵션
✅ 문법 강조
✅ 설치 불필요

용도:

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

가격: 무료 링크: https://dillinger.io/

Markdown Live Preview

간단한 온라인 뷰어

특징:

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

용도:

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

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

HackMD

협업 Markdown 플랫폼

특징:

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

용도:

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

가격: 기본 사용 무료 링크: https://hackmd.io/

모바일 뷰어

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 뷰어를 반드시 찾을 수 있습니다.

추천 Markdown 뷰어 ​

데스크톱 뷰어 ​

Marked 2 ​

Haroopad ​

Markdown Monster ​

브라우저 확장 프로그램 ​

Markdown Preview Plus ​

Markdown Viewer ​

StackEdit ​

웹 기반 뷰어 ​

Dillinger ​

Markdown Live Preview ​

HackMD ​

모바일 뷰어 ​

iOS ​

Android ​

명령줄 뷰어 ​

Glow ​

Pandoc ​

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

Visual Studio Code ​

IntelliJ IDEA ​

선택 가이드 ​

사용 사례별 선택 ​

기술 수준별 선택 ​

예산별 선택 ​

최적화 팁 ​

뷰어 사용자 정의 CSS ​

키보드 단축키 ​

보안 고려 사항 ​

보조 도구 ​

이미지 최적화 ​

표 서식 ​

형식 변환 ​

다음 단계 ​

추천 Markdown 뷰어

데스크톱 뷰어

Marked 2

Haroopad

Markdown Monster

브라우저 확장 프로그램

Markdown Preview Plus

Markdown Viewer

StackEdit

웹 기반 뷰어

Dillinger

Markdown Live Preview

HackMD

모바일 뷰어

iOS

Android

명령줄 뷰어

Glow

Pandoc

통합 개발 환경 (IDE) 뷰어

Visual Studio Code

IntelliJ IDEA

선택 가이드

사용 사례별 선택

기술 수준별 선택

예산별 선택

최적화 팁

뷰어 사용자 정의 CSS

키보드 단축키

보안 고려 사항

보조 도구

이미지 최적화

표 서식

형식 변환

다음 단계