개발자를 위한 PPT 발표앱을 찾았다...!

노마드 코더  구독자: 45.1만명     2.7만회 조회수

오늘 영상에서는 파워포인트를 마크다운 그리고 VSC로 대체할 수 있는 방법을 보여주겠습니다. 

 

Marp(마크다운 프레젠테이션 에코시스템), Marp, Markdown Presentation Ecosystem, Marp는 우리가 작성한 텍스트를 가져다가 아름다운 파워포인트 발표자료, PDF, 심지어 웹사이트로 만들어줍니다.

 

Marp를 시작하는 가장 빠른 방법은 VSC를 열고, 익스텐션 메뉴로 이동하여 설치해 주세요. 

 

그런 다음, 빈 마크다운 파일을 열고 아래와 같이 입력해 보세요. 

해당 섹션의 마크다운을 front-matter라고 하고,  여기서 프레젠테이션을 구성하고, 커스터마이징 할 수 있습니다. 

---

marp: true

---

 

첫번째 슬라이드를 만들어보자

 

---

marp: true

---

 

# Welocme to Marp!

Better than PowerPoint?

 

 

입력 후 미리보기 열기를 선택해 보자  (Open Preview)

보다시피 Marp는 여러분이 작성한 마크다운 코드를 가지고,  멋진 프리젠테이션을 만들어줬어!

 

다른 슬라이드를 만들려면 '---'을 쓰면 됩니다.

 

 

나머진 Marp가 알아서 할꺼야

기본 테마와 별도로 Marp 에는 front-matter를 활성화하는 'uncover' 그리고 'gaia'라는 두가지 테마가 함께 제공되고 'class' 명령어를 사용해서 'invert'라고 적으면 다크모드를 쓸 수 있어. 

 

또한, 'paginate' 명령어를 사용하면  모든 슬라이드에 페이지 번호를 추가할 수 있어

 

'header'와 'footer'를 추가할 수도 있어. 마크다운을 사용하므로 굵은 글꼴, 기울임꼴 과 같은 마크다운 기능을 사용할 수 있어.

 

각 슬라이드를 독립적으로 커스터마이징 할 수도 있는데  해당 슬라이드에 주석을 작성하여 새로운 스타일 및 구성으로 변경할 수 있어. 

마크다운 구문을 사용하여 슬라이드에 이미지를 추가할 수도 있어.  멋진 이미지 유틸리티를 활용할 수도 있지


이미지 크기를 조정하고 또한 수많은 효과들,


흐릿함, 세피아,밝기,대조,박스-쉐도우 등 수많은 효과를 추가할 수 있어. 또한, 원하는 대로 이미지를 배치할 수도 있어. 

 

Marp는 또한 코드 강조 표시를 지원하고,  덕분에 코드가 아름답게 보이지.

 

Marp로 할 수 있는 것은 정말 무궁무진해.

 

커뮤니티 테마를 여기서 다운받아서 활용할 수 있어.

원한다면 직접 css, HTML를 쓸 수도 있지.

 

Mark의 가장 멋진 점은 바로 프레젠테이션을 마치고, 3가지 방법으로 export 할 수 있어. 

 

명령 팔렛트를 실행하고 Export Slide Deck를 클릭하면  

 

PDF, 파워포인트 혹은 HTML 슬라이드 덱으로 내보낼 수 있습니다. 

웹용으로 내보내기를 선택하면 모든 브라우저에서 열 수 있는 파일을 받을 수 있어 

또한 멋진 것은 품목 목록을 만들 때, 별표 기호를 사용했기 때문에 웹에서는 해당 목록이 하나씩 공개되는데 꽤나 멋진 디테일이라고 생각해!

 

별표 기호 대신에 대시를 사용하면 목록이 동시에 표시되지

개인적으로 html로 내보내기를 정말 좋아해.

 

왜냐면 그냥 HTML을 웹사이트에 업로드 하기만 하면 손쉽게 휴대폰에서 프레젠테이션을 볼 수 있기 때문이야. 

 

당연히 링크, GIF, 영상등을 포함하여 보여줄 수 있지. 

또한 프레젠테이션을 열람하는데 필요한 것은 브라우저 뿐이야.

 

덕분에 파워포인트 설치 여부 맥인지 아닌지 여부 등등들 고민할 필요가 없는 것이지!

 

 

 

 

Reference

https://www.youtube.com/watch?v=Q2PCO0mKEaU