본문 바로가기

Markdown 슬라이드 생성기

브라우저 처리

Markdown 원고를 --- 줄마다 한 장씩 나눠 브라우저에서 바로 여는 HTML 슬라이드 파일로 만듭니다. 코드 블록 안의 ---는 나누지 않습니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
Markdown 슬라이드 생성기 샘플 실행

회의 직전에 간단한 발표 자료가 필요할 때 파워포인트를 여는 것보다 Markdown으로 빠르게 적는 편이 쉬울 때가 있습니다. 이 생성기는 --- 줄로 나눈 원고를 장마다 한 화면을 채우는 HTML 슬라이드 파일로 만들어 줍니다.

브라우저 처리
샘플 결과
<section class="slide"><h1 id="제품-소개">제품 소개</h1>
<p>개요</p></section><section class="slide"><h2 id="기능">기능</h2>
<ul>
<li>빠름</li>
<li>로컬 처리</li>
</ul></section><section class="slide"><h2 id="다음-단계">다음 단계</h2></section>
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Markdown 슬라이드 생성기 사용 가이드

회의 직전에 간단한 발표 자료가 필요할 때 파워포인트를 여는 것보다 Markdown으로 빠르게 적는 편이 쉬울 때가 있습니다. 이 생성기는 --- 줄로 나눈 원고를 장마다 한 화면을 채우는 HTML 슬라이드 파일로 만들어 줍니다.

각 장은 어두운 배경에 큰 글씨로 보이고, 제목·목록·표·코드·인용·이미지 표기를 HTML로 바꿉니다. 맨 위 Front Matter(---로 감싼 title: 같은 머리말)는 장으로 만들지 않고, 코드 블록 안에 있는 --- 줄은 장을 나누지 않습니다.

결과는 하나의 .html 파일이라 브라우저로 열어 위아래로 넘기며 발표하면 됩니다. 장 넘김 애니메이션이나 발표자 노트는 없습니다.

사용 방법

  1. 'Markdown 내용'에 발표 원고를 적고 장이 바뀌는 곳마다 --- 한 줄을 넣습니다. 파일이 있으면 '.md·.txt 파일'에서 골라도 됩니다.
  2. '실행'을 누르면 슬라이드 HTML 코드가 나옵니다.
  3. '다운로드'로 .html 파일을 받아 브라우저에서 열고, F11 전체 화면으로 발표합니다.

예시: 세 장짜리 발표

입력
# 제품 소개
개요
---
## 기능
- 빠름
- 로컬 처리
---
## 다음 단계
결과
<section class="slide"><h1 id="제품-소개">제품 소개</h1>
<p>개요</p></section><section class="slide"><h2 id="기능">기능</h2>
<ul>
<li>빠름</li>
<li>로컬 처리</li>
</ul></section><section class="slide"><h2 id="다음-단계">다음 단계</h2></section>

실제 파일에는 이 앞뒤로 화면 크기와 색을 정하는 HTML·스타일 코드가 붙습니다. 브라우저 탭 제목은 첫 제목 '제품 소개'가 됩니다.

이럴 때 쓰면 좋아요

  • 회의 직전에 요점 몇 장을 빠르게 화면에 띄울 때
  • 개발 문서의 내용을 발표용으로 다시 쓰지 않고 바로 보여 줄 때
  • 스터디 발표 자료를 설치 없이 브라우저로 공유할 때
  • 프로젝터 연결 전 원고 흐름을 장 단위로 확인할 때

문제가 생겼을 때

한 장에 모든 내용이 들어감

장을 나누는 --- 는 앞뒤에 다른 글자 없이 한 줄에 단독으로 있어야 합니다. 목록이나 문장 끝에 붙은 ---는 나누지 않습니다.

첫 장이 비어 보임

원고 맨 위가 ---로 시작하면 머리말로 인식될 수 있습니다. 첫 줄에는 '# 발표 제목'을 쓰고 장 구분 ---는 그 아래부터 넣으세요.

활용 팁

  • 한 장에는 제목 하나와 목록 3~5개 정도만 두면 큰 글씨로도 화면에 잘 맞습니다.
  • 이미지는 원고의 주소 그대로 불러오므로, 파일을 다른 컴퓨터에서 열 때는 https 주소 이미지를 쓰는 편이 안전합니다.

자주 묻는 질문

PDF로 만들 수 있나요?

받은 HTML 파일을 브라우저에서 열고 인쇄(Ctrl+P)에서 'PDF로 저장'을 고르면 장마다 PDF 페이지로 저장할 수 있습니다.

디자인을 바꿀 수 있나요?

파일 앞부분 <style> 안의 배경색(background)과 글자 크기(font) 값을 고치면 됩니다. 메모장으로 열어 수정할 수 있습니다.

인터넷이 없어도 발표할 수 있나요?

네. 외부 라이브러리 없이 한 파일로 되어 있어 오프라인에서도 열립니다. 인터넷 주소 이미지만 보이지 않습니다.