마크다운으로 발표자료 만들기 (Marp for VS Code)

Soohwan Kim
Co-founder/A.I. engineer at TUNiB.
More posts by Soohwan Kim.

Soohwan Kim

30 Jul 2022•5 min read

마크다운으로 발표자료 만들기 (Marp for VS Code)

저는 개인적으로 무언가를 정리할 때 텍스트 레벨에서 모든 편집이 가능한 마크다운(Markdown)을 선호합니다. 그래서 제 블로그 포스팅도 모두 마크다운으로 작성되어 있는데요, 가끔 제가 정리해둔 문서로 발표자료 형식으로 만들어야 할 때가 종종 있습니다. 사내 세미나라던지, 스터디라던지 등등..

예전에는 PPT나 Keynote를 써서 하나하나 발표자료로 재구성하곤 했는데, ‘이 마크다운 형식을 쉽게 발표자료로 바꿀수는 없을까?‘라는 생각에 조금 찾아보니 역시나 개발된 프로그램이 있었습니다.

Marp (Markdown Presentation)

MARP는 위에 설명한대로 마크다운 형식의 파일을 쉽게 발표자료로 사용하게 해주는 프로그램입니다. 여러 IDE의 확장 프로그램으로 사용이 가능한데, 저는 VS Code를 이용해서 사용했습니다.

Marp Extension 설치

Vscode의 Extension 창에서 marp를 검색하면 쉽게 설치 가능합니다.

Usage

사용 예시로 아래와 같은 마크다운 파일이 있을때 적용해보겠습니다.

# Streamlit

***The fastest way to build data apps in Python***
  
![]("https://streamlit.io/images/brand/streamlit-logo-secondary-colormark-darktext.svg")

- github repository: https://github.com/streamlit/streamlit
- tutorial: https://docs.streamlit.io/en/stable/getting_started.html

`streamlit`는 파이썬 기반으로 손쉽게 웹 어플리케이션을 개발하는 오픈소스입니다. 웹에 대한 이해 없이도 간단한 파이썬 코드만으로 대부분의 웹 어플리케이션 구현이 가능합니다. 간단한 데이터 Visualization 혹은 인공지능 모델 시연 등 여러 분야에 활용될 수 있을 것 같습니다.

## Installation

- Install command
$ pip install streamlit
$ streamlit hello

위와 같은 마크다운 파일을 아래처럼 바꿔주면 됩니다.

---
marp: true
---

# Streamlit

***The fastest way to build data apps in Python***
  
![]("https://streamlit.io/images/brand/streamlit-logo-secondary-colormark-darktext.svg")

- github repository: https://github.com/streamlit/streamlit
- tutorial: https://docs.streamlit.io/en/stable/getting_started.html
  
---

`streamlit`는 파이썬 기반으로 손쉽게 웹 어플리케이션을 개발하는 오픈소스입니다. 웹에 대한 이해 없이도 간단한 파이썬 코드만으로 대부분의 웹 어플리케이션 구현이 가능합니다. 간단한 데이터 Visualization 혹은 인공지능 모델 시연 등 여러 분야에 활용될 수 있을 것 같습니다.

---

## Installation

- Install command
$ pip install streamlit
$ streamlit hello