OpenSource-Hub
R

reveal.js

71.1k stars·디자인 도구·SHA-256 체크섬 확인됨

누구나 브라우저에서 아름다운 슬라이드를 만들 수 있게 해주는 오픈 소스 HTML 프레젠테이션 프레임워크입니다.

스마트 다운로드

프로젝트 홈페이지 방문

아직 설치 프로그램이 없습니다 — 소스 저장소로 이동하세요

HTML 코드로 아름다운 프레젠테이션을 만들고, Markdown과 애니메이션을 지원합니다.

주요 기능

  • 중첩 슬라이드 지원(다단계 구조)
  • Markdown으로 콘텐츠 작성, 빠르고 효율적
  • 자동 애니메이션 효과 내장(Auto-Animate)
  • 클릭 한 번으로 PDF 파일로 내보내기
  • 발표자 노트 및 발표자 보기

할 수 없는 것

  • •스타일을 커스터마이징하려면 기본적인 HTML/CSS 지식이 필요합니다;
  • •모바일 터치 스와이프 지원이 제한적이므로 데스크톱 사용을 권장합니다;
  • •고급 기능(예: LaTeX)은 추가 라이브러리를 로드해야 합니다;
  • •Powerpoint/Keynote에 비해 실시간 협업 편집 기능이 부족합니다.

사용 사례

  • 기술 발표 또는 컨퍼런스 공유
  • 온라인 강의 자료 제작
  • 제품 데모 및 프로토타입 시연
  • 개인 블로그에 삽입된 슬라이드

reveal.js는 오픈 소스 HTML 프레젠테이션 프레임워크로, 누구나 브라우저만 있으면 무료로 아름답고 기능이 풍부한 슬라이드를 만들 수 있습니다. 중첩 슬라이드, Markdown 작성, 자동 애니메이션, PDF 내보내기, 발표자 노트, LaTeX 수식 조판, 코드 구문 강조 및 강력한 API를 지원합니다. 이 프로젝트는 MIT 라이선스를 채택하고 있으며, 기술 컨퍼런스, 온라인 교육 및 제품 데모에 널리 사용됩니다. Hakim El Hattab이 유지 관리하고 있으며, GitHub 스타 수가 71,000개를 넘어 현재 가장 인기 있는 웹 프레젠테이션 도구 중 하나입니다.

태그

htmlpresentationframeworkmarkdownslides

시작하기

1

설치 프로그램 다운로드

위 버튼을 클릭하여 시스템에 맞는 설치 프로그램을 다운로드

2

소프트웨어 설치

다운로드한 설치 프로그램을 더블 클릭하고 안내에 따르세요

3

1단계: npm으로 설치하거나 소스 코드를 직접 다운로드합니다 (npm install reveal.js)

4

2단계: 프로젝트 루트 디렉터리에 index.html을 생성하고, reveal.js를 불러온 후 슬라이드 콘텐츠를 작성합니다 (Markdown 지원)

5

3단계: 브라우저로 index.html을 열면 프레젠테이션을 확인할 수 있으며, 스페이스바를 눌러 페이지를 넘깁니다

설치 가이드
  1. 1단계: npm으로 설치하거나 소스 코드를 직접 다운로드합니다 (npm install reveal.js)
  2. 2단계: 프로젝트 루트 디렉터리에 index.html을 생성하고, reveal.js를 불러온 후 슬라이드 콘텐츠를 작성합니다 (Markdown 지원)
  3. 3단계: 브라우저로 index.html을 열면 프레젠테이션을 확인할 수 있으며, 스페이스바를 눌러 페이지를 넘깁니다
파일 무결성

체크섬 없음

이 프로젝트는 GitHub Release 페이지에 SHA-256 체크섬을 게시하지 않았습니다

SHA256 체크섬

체크섬 없음

GitHub Releases에서 직접 다운로드하고 파일 무결성을 직접 확인하세요

이 플랫폼의 모든 SHA-256 체크섬은 프로젝트의 공식 GitHub Release 페이지에서 추출되었으며, 어떠한 변경도 없습니다. GitHub Releases 페이지에서 직접 검증할 수 있습니다.

오픈소스 투명성

GitHub 소스 보기
환경 가이드

제거 정보

npm으로 설치한 경우, 프로젝트 디렉토리에서 npm uninstall reveal.js를 실행하고 관련 파일을 삭제하세요. 소스 코드를 다운로드한 경우에는 전체 폴더를 삭제하면 됩니다.

추가 의존성 없음

다운로드 후 바로 사용 가능. 추가 런타임이 필요하지 않습니다.

프로젝트 정보
라이선스MIT
마지막 업데이트2026-10-15 07:49:42
GitHub 저장소공식 웹사이트

문제 발생? 아래 FAQ 확인

5 FAQs

유사한 프로젝트