Markdown으로 PPT 만들기

이 슬라이드는 Markdown 으로 PowerPoint를 만드는

Marp를 소개하고 설명하는 슬라이드입니다.

이 슬라이드는 Marp의 Example 슬라이드 설명을 한글 번역하며
필요한 내용을 추가하여 작성하였습니다.


기본기능

  • 실제로 이 슬라이드는 Marp에서 마크다운을 통해 작성하였습니다.
  • 마크다운으로 이렇게 파워포인트를 작성할 수 있습니다.
  • 마크다운을 통해 볼드처리도 할 수 있고 색상표시도 할 수 있습니다.

어떻게 슬라이드를 작성할까?

슬라이드 간의 구분은 ---를 통해서 진행합니다. 매우 쉽습니다.

# Slide 1

foobar

---

# Slide 2

foobar

*주의할점: Ruler (<hr>)는 Marp에서 보이지 않습니다.


Directives

Marp는 디렉티브를 통해 마크다운에서 구현하지 못하는 슬라이드 기능들을 추가로 제공합니다.

문법패턴은 아래와 같습니다.

<!-- {directive_name}: {value} -->
<!--
{first_directive_name}:  {value}
{second_directive_name}: {value}
...
-->

Global Directives

$theme

모든 슬라이드에 적용될 테마를 아래와 같이 설정할 수 있습니다.
또한 이 테마는 View -> Theme메뉴에서도 변경 가능합니다.

<!-- $theme: gaia -->
Theme name Value Directive
Default default <!-- $theme: default -->
Gaia gaia <!-- $theme: gaia -->

$width / $height

전체 슬라이드의 width와 height를 아래와 같이 설정할 수 있습니다.

또한 단위를 px (default), cm, mm, in, pt, and pc로 정합니다.

<!-- $width: 12in -->

$size

미리 정해진 preset size는 아래와 같습니다.

프리셋 : 4:3, 16:9, A0A8, B0B8 and suffix of -portrait.

<!-- $size: 16:9 -->


Page Directives

페이지 디렉티브는 디렉티브를 현재 페이지 및 이후 페이지에 적용하는 방법입니다.
만약 모든 슬라이드에 적용하고 싶으면 최상단 페이지에 명시합니다.

page_number

예를 들어 페이지 번호를 슬라이드에 명시하고 싶으면 true를 설정합니다.

<!-- page_number: true -->


template

테마를 사용하기 위해 template을 설정합니다.

template 디렉티브는 테마안에서 사용가능한 템플릿을 설정할 수 있게 합니다.

<!--
$theme: gaia
template: invert
-->

Example: Set "invert" template of Gaia theme.

footer

footer는 아래와 같이 설정하면 현재 및 이후 슬라이드에 적용됩니다.

<!-- footer: This is a footer -->


prerender

슬라이드를 미리 렌더링하는 것으로 대용량 배경 이미지 이슈를 해결합니다.

<!-- prerender: true -->

Pro Tips

페이지 디렉티브는 선택적으로 현재의 슬라이드에만 적용 시킬 수 있습니다.
이럴때는 *기호를 이용합니다.

<!-- *page_number: false -->
<!-- *template: invert -->


Slide background Images

아래의 문법을 통해 배경 이미지도 바꿀 수 있습니다.

![bg](mybackground.png)

bg뒤에는 옵션을 붙일수 있습니다. 예: ![bg original](path)

옵션은 아래와 같습니다:

  • original 은 이미지에 어떤 효과도 없이 원본을 포함시킵니다.
  • x%는 이미지를 슬라이드 크기의 x 퍼센트로 적용시킵니다.

![bg](path)를 여러번 쓰면 배경 이미지를 수평으로 쌓아나갑니다.

bg


Maths Typesetting

수학기호도 KaTeX패키지를 이용하면 됩니다.
아래와같은 $를 이용한 문법으로 $ax^2+bc+c$와 같은 수식 작성이 가능합니다.

또한 $를 이용하여 박스안의 수식을 아래와 같이 표현할 수 있습니다.

$$I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx$$

$$I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx$$


마크다운으로 PPT 작성을 손쉽게 하세요! :+1:

  • 개인적으로 써보니 PPT 내용 작성에 더 집중할 수 있어 좋았습니다.
  • 하나의 글 작성으로 PPT와 Blog 포스팅을 해결할 수 있을듯 합니다.