reveal.js란?

Markdown을 지원하는 프리젠 테이션 자료를 손쉽게 만들 수있는 도구
VSCode의 확장 기능 "vscode-reveal"을 이용하면 간편하게 동작을 시도할 수 있습니다.
번개 토크와 상사에게 가벼운 발표를 원할 때 추천

무엇을 할 수 있는가

reveal.js 공식 데모
이런 느낌의 자료를 Markdown에서 만들 수 있습니다.

환경설정

확장 기능 설치

※Visual Studio Code의 기본적인 조작 방법은 생략합니다.

Visual Studio Code를 시작합니다.

확장 프로그램에서 [reveal]을 검색합니다.

vscode-reveal이 검색 결과에 나타나면 설치 버튼을 클릭합니다.

[설치] 버튼의 표시가 [재읽기]로 바뀌면 [재읽기] 버튼을 클릭합니다.

Visual Studio Code가 다시 시작되면 환경 설정이 종료됩니다.

움직여 보자

↓ 텍스트를 Visual Studio Code에 Markdown 형식으로 붙여 넣습니다

---
theme : "white"
transition : "default"
---

# reveal.js 試してみた

Markdown で書いてみた

---

## 縦スクロール

キーボードの ↓ を押す(vim の hjkl も使える

--

## これは

- reveal.jsを利用した   
- デモになります。

---

## 終わり

ありがとうございました。

[reveal.js]를 설치했으므로 [Explorer]에 슬라이드 목록이 표시됩니다.
클릭하면 Markdown이 포함된 위치로 이동합니다.

명령 팔레트에서 [reveal]을 검색합니다.

[Open presentation in browser]를 클릭합니다.
* 다른 명령을 사용하여 PDF 출력, HTML 출력 및 Visual Studio Code에서 미리 볼 수 있습니다

브라우저가 시작되어 작성한 자료를 미리 봅니다.

테마색을 바꾸어 본다

이 부분을

theme : "white"

"black"으로 바꾸는 것만으로 검은 배경에 대응

자세한 사용법 및 설정

공식 README 을 읽으면 그 밖에도 여러 가지 표현을 할 수 있게 됩니다.
VSCode가 움직이는 환경이라면 어디서나 사용할 수 있다는 점도 편리합니다.

참고 링크

vscode-reveal - Visual Studio Marketplace
reveal.js - GitHub
reveal.js 공식 데모