Skip to main content

Command Palette

Search for a command to run...

2025년 최고의 Markdown-to-Slide 도구들

Updated
4 min read

Markdown을 활용해 프레젠테이션을 만들고 싶다면, 아래 도구들은 2025년 기준으로 최신 업데이트와 사용자 친화성을 기반으로 선별된 최고의 선택지입니다. 각 도구의 특징, 장단점, 그리고 시작 방법을 소개합니다.

나에게 맞는 도구는 무엇인지 알고싶다면 요약을 참조하세요!

1. Slidev

  • 설명: Slidev는 Vue.js 기반의 오픈소스 도구로, 개발자들을 위해 설계되었습니다. Markdown의 간결함과 Vue 컴포넌트를 활용한 강력한 커스터마이징을 제공합니다.

  • 주요 기능:

    • slides.md 파일 하나로 슬라이드를 작성하며, YAML frontmatter로 설정을 조정합니다.

    • 코드 하이라이팅, 애니메이션, 실시간 미리보기(Live-reload)를 지원합니다.

    • HTML, PDF로 내보내기 가능하며 브라우저에서 바로 실행할 수 있습니다.

    • 여러 개의 엔트리 파일로 프레젠테이션을 모듈화할 수 있습니다.

    • Vite와 통합되어 빠른 개발 환경을 제공합니다.

  • 장점:

    • Vue.js 컴포넌트를 활용한 높은 커스터마이징 가능.

    • 활발한 커뮤니티와 꾸준한 유지보수 (2025년 5월 기준 안정적).

    • JavaScript 생태계에 익숙한 개발자들에게 최적.

  • 단점:

    • Node.js 설치와 초기 설정이 비개발자에게는 복잡할 수 있음.

    • 고급 커스터마이징은 학습 곡선이 필요.

  • 추천 대상: 프로그래밍 방식의 제어와 현대적인 웹 기반 프레젠테이션을 원하는 개발자.

  • 시작 방법: npm init slidev@latest 명령어로 프로젝트를 초기화하세요.

  • 링크: https://sli.dev/

2. Marp

  • 설명: Marp(Markdown Presentation Ecosystem)은 Markdown으로 간단히 슬라이드를 만드는 도구로, Marpit 프레임워크를 기반으로 합니다.

  • 주요 기능:

    • ---로 슬라이드를 구분하는 간단한 Markdown 문법.

    • 기본 테마(default, gaia, uncover)와 사용자 정의 CSS 지원.

    • Marp CLI 또는 VS Code 확장 프로그램을 통해 HTML, PDF, PowerPoint으로 내보내기 가능.

    • VS Code에서 실시간 미리보기 제공.

    • 수학 공식, 이미지, 확장 문법 지원.

  • 장점:

    • 초보자 친화적이며 설정이 간단.

    • CLI, VS Code, Electron 앱으로 크로스플랫폼 지원.

    • 오픈소스(MIT 라이선스).

  • 단점:

    • 기본 테마는 3개로 제한되며, 추가 테마는 CSS 작업 필요.

    • PDF 내보내기는 Chrome/Chromium 필요.

  • 추천 대상: 간단하고 전문적인 출력물을 원하는 작가와 교육자.

  • 시작 방법: Marp CLI 설치(npm install -g @marp-team/marp-cli) 또는 VS Code 확장 프로그램 사용.

  • 링크: https://marp.app/

3. Reveal.js (Markdown 플러그인 포함)

  • 설명: Reveal.js는 HTML 기반의 강력한 프레젠테이션 프레임워크로, Markdown 플러그인을 통해 Markdown으로 슬라이드를 작성할 수 있습니다.

  • 주요 기능:

    • data-markdown 속성을 사용해 HTML 내에서 Markdown으로 슬라이드 작성.

    • 중첩 슬라이드, 애니메이션, 코드 하이라이팅, 발표자 노트 지원.

    • PDF로 내보내거나 Slides.com을 통해 온라인 호스팅 가능.

    • CSS와 JavaScript로 고도로 커스터마이징 가능.

  • 장점:

    • 고급 사용자에게 매우 유연.

    • 자동 애니메이션, 터치 지원 등 풍부한 기능.

    • 로컬 자산으로 오프라인 동작 가능.

  • 단점:

    • HTML/JavaScript 지식이 필요.

    • Markdown 플러그인 설정은 초보자에게 어려울 수 있음.

  • 추천 대상: 인터랙티브 웹 프레젠테이션을 원하는 고급 사용자.

  • 시작 방법: Markdown 플러그인(plugin/markdown/markdown.js)을 포함하고 Reveal.initialize({ plugins: [RevealMarkdown] })로 초기화.

  • 링크: https://revealjs.com/

4. Quarto

  • 설명: Quarto는 Markdown으로 프레젠테이션, 문서 등을 제작할 수 있는 다목적 출판 시스템으로, Reveal.js를 프레젠테이션 엔진으로 사용합니다.

  • 주요 기능:

    • Reveal.js 기반으로 Markdown 슬라이드 렌더링.

    • 멀티플렉스 플러그인으로 여러 디바이스에서 프레젠테이션 동기화.

    • HTML, PDF 등 다양한 형식으로 내보내기.

    • 코드 실행을 지원해 데이터 중심 프레젠테이션에 적합.

  • 장점:

    • 코드와 데이터 시각화를 포함한 기술 프레젠테이션에 최적.

    • 크로스플랫폼 및 오픈소스.

  • 단점:

    • Marp나 Slidev보다 설정이 복잡.

    • 일반 사용자보다는 기술적인 용도에 초점.

  • 추천 대상: 코드 통합이 필요한 연구자 및 데이터 과학자.

  • 시작 방법: Quarto CLI를 설치하고 .qmd 파일에 Markdown 작성.

  • 링크: https://quarto.org/

5. lookatme

  • 설명: 터미널 기반 Markdown 프레젠테이션 도구로, CLI 환경에서 프레젠테이션을 선호하는 개발자에게 적합합니다.

  • 주요 기능:

    • ANSI를 활용해 터미널에서 Markdown 슬라이드 렌더링.

    • 다크, 라이트, 모노카이 등 다양한 테마 제공.

    • 실시간 편집을 위한 라이브 리로드 지원.

    • 브라우저 없이 가볍게 실행.

  • 장점:

    • CLI 애호가에게 적합한 독특한 터미널 기반 접근.

    • 의존성이 적고 사용이 간단.

  • 단점:

    • 터미널 출력에 제한, 세련된 시각적 프레젠테이션에는 부적합.

    • 웹 기반 도구에 비해 기능 제한.

  • 추천 대상: 빠르고 텍스트 기반 프레젠테이션을 원하는 개발자.

  • 시작 방법: pip install lookatme로 설치 후 lookatme slides.md 실행.

  • 링크: https://lookatme.readthedocs.io/

추천

  • 개발자 용 도구!: Slidev는 프로그래밍 가능성과 현대적 기능으로 최고.

  • 간단하고 빠른 방법: Marp는 사용 편의성과 빠른 설정으로 돋보임.

  • 고오급 커스터마이징: Reveal.js는 웹 개발자에게 유연성을 제공.

  • 터미널을 사랑하는 당신: lookatme는 가볍고 CLI 기반 프레젠테이션에 적합.

  • 학술적 목적이라면: Quarto는 데이터 중심 프레젠테이션에 최적.

간단 예제 (Marp 문법)

---
title: 나의 프레젠테이션
author: 당신의 이름
theme: gaia
---

# 슬라이드 1
프레젠테이션에 오신 것을 환영합니다!

---

# 슬라이드 2
- 항목 1
- 항목 2
![이미지](https://example.com/image.jpg)

---

# 슬라이드 3
**굵은 텍스트***기울임 텍스트*로 강조.

slides.md로 저장한 후 Marp CLI로 실행: marp slides.md -o presentation.html.

More from this blog

Agar.io에 담긴 인생의 지혜

온라인 게임 Agar.io를 아시나요?이 게임의 아이디어는 한천 배지 위에서 세균이나 세포가 퍼져나가는 모습에서 비롯되었습니다. 작은 세포가 점점 커지고, 다른 세포를 흡수하며 살아남는 모습이 실제 미생물의 성장과 닮아 있죠.플레이어는 작은 점으로 시작해 주변의 먹이를 먹으며 점점 커지고, 더 큰 셀을 만나면 도망쳐야 합니다. 단순한 규칙으로 이루어진 게임이지만, 자세히 들여다보면 그 안에는 우리의 인생의 희로애락과 삶의 지혜가 담겨 있습니다....

Sep 13, 20252 min read

메타인지란 무엇인가? 공부의 판을 바꾸는 사고 방식

공부를 잘하는 학생과 그렇지 못한 학생, 차이는 어디서 시작될까? 공부를 잘하는 학생과 그렇지 못한 학생의 차이는 어디서부터 비롯되는 걸까? 단순한 집중력의 차이일까, 노력의 양일까, 아니면 타고난 머리의 차이일까? 많은 교육 전문가들은 여기에 대한 해답으로 한 목소리로 ‘메타인지’를 꼽는다. 메타인지란 무엇인가? 메타인지(Metacognition)는 ‘자신의 사고 과정을 인식하고 조절하는 능력’을 말한다. 예를 들어, 내가 어떤 챕터를 이해하...

Jul 16, 20252 min read

마인크래프트 좌표 기록을 간편하게 - Minexz 소개

마인크래프트 서바이벌 필수 도구! 마인크래프트를 즐기는 유저라면 한 번쯤 겪어봤을 겁니다. “내가 찾은 다이아 광맥 위치가 어디였지?” “저 멋진 마을을 다시 찾고 싶은데 좌표를 기억 못 하겠네!” 생존 모드에서 중요한 지점을 기록하는 일은 필수지만, 번거로운 과정 때문에 놓치는 경우가 많죠. 이제 MineXZ 도구를 활용하면 간편하게 좌표를 관리할 수 있습니다! ✨ MineXZ의 특징 ✅ 손쉬운 좌표 입력: 오버월드와 네더의 좌표를 각각 등록...

May 26, 20251 min read
마인크래프트 좌표 기록을 간편하게 - Minexz 소개

Cloud Seven

9 posts