교사를 위한 슬라이드 도구

PPT 말고
HTML 슬라이드

AI에게 말로 시키면 슬라이드가 나와요. 디자인 34종마다 어울리는 한글 폰트를 짝지어 두었어요.

k-slide.web.app
왜 이 도구인가요

세 가지가 맞물려 있어요

🌐

PPT 대신 HTML

링크나 파일 하나로 폰·태블릿·전자칠판에서 그대로 열려요. 글씨체가 파일에 담겨 깨지지 않고, 단계 버튼·퀴즈 같은 수업용 동작도 넣을 수 있어요.

🤖

AI가 잘 만들도록

원작 zarazhangrui/frontend-slides(MIT)의 디자인 명세를 가져왔어요. "슬라이드 만들어줘"만 하면 비슷비슷하지만, 설계도(design.md)를 함께 주면 개성 있는 결과가 나와요.

가

한글은 폰트가 반

무료 한글 폰트(OFL) 364종 중 117종을 골라, 34가지 디자인마다 제목·본문 폰트를 짝지었어요.

직접 해 보세요

같은 문장, 폰트만 바꿔 보기

하루 동안 태양 고도,
그림자 길이, 기온의 관계
프리텐다드 — 어디에나 무난하고 읽기 편해요
미리보기

같은 수업 내용, 느낌은 34가지

block-frame · 굵고 선명한
8-bit-orbit · 픽셀 게임 느낌
biennale-yellow · 전시 도록 느낌

34종 전체 보기 →

쓰는 법

세 걸음이면 내 수업 슬라이드

1

디자인 고르기

갤러리에서 수업과 어울리는 디자인을 하나 골라요.

2

받기 .md를 AI에게

ChatGPT·Claude·Gemini 같은 채팅 AI에 붙여 넣고, 수업 내용을 말해 주세요.

3

.html 열어 발표

AI가 준 .html 파일을 브라우저로 열면 끝. 고칠 곳은 말로 부탁하세요.

코딩형 AI(에이전트)를 쓴다면 받기 .zip — 폰트 파일과 예시 덱까지 한 묶음이에요.

솔직하게

좋은 점과 아쉬운 점

👍 좋은 점

  • 링크·파일 하나로 어디서나 열려요
  • 글씨체가 파일 안에 있어 깨지지 않아요
  • 단계 버튼·퀴즈 같은 수업용 동작
  • 고칠 때도 AI에게 말로 부탁하면 돼요

⚠️ 아쉬운 점

  • PPT처럼 마우스로 끌어 고치기는 어려워요
  • .pptx 제출이 필요하면 따로 변환해야 해요
  • AI가 만든 결과는 글 넘침·겹침을 눈으로 확인해 주세요