# Show GN: MarkSlides, 마크다운을 사용하여 슬라이드를 작성할 수 있게 해주는 서비스

> Clean Markdown view of GeekNews topic #12690. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=12690](https://news.hada.io/topic?id=12690)
- GeekNews Markdown: [https://news.hada.io/topic/12690.md](https://news.hada.io/topic/12690.md)
- Type: show
- Author: [laeyoung](https://news.hada.io/@laeyoung)
- Published: 2024-01-04T23:23:08+09:00
- Updated: 2024-01-04T23:23:08+09:00
- Original source: [markslides.ai](https://www.markslides.ai/)
- Points: 26
- Comments: 9

## Topic Body

소개  
- Markdown 문법을 사용하여 AI와 함께 슬라이드를 작성하고 발표 할 수 있습니다.  
- Keynote나 PPT에서는 불편한 소스 코드 삽입, 텍스트 포맷팅, 다이어그램 등을 개발 관련된 도구들과 AI를 함께 사용 할 수 있습니다.  
- [예시 결과물 - JavaScript Basic Syntax](https://www.markslides.ai/public/slides/KaWxzl__MUn4qaQYU12G7niAlP4SaRqQ3NweUmk8)  
  
서비스 주소  
- [MarkSlides.ai](https://www.markslides.ai/)  
  
주요 기능  
- GPT-3.5, GPT-4를 사용한 슬라이드 자동 생성 및 컨텐츠 생성 (Command + K)  
- 소스 코드 syntax highlighting  
- [MermaidJS](https://news.hada.io/topic?id=792) 다이어그램, [Typogram](https://news.hada.io/topic?id=10268) 렌더링  
- 슬라이드쇼, 발표자 모드 제공  
- PDF export  
- Public 링크로 슬라이드 노트 공유 가능  
  
관련 링크  
- GitHub: [https://github.com/markslides/](https://github.com/markslides/)  
- Twitter: [https://twitter.com/MarkSlides](https://twitter.com/MarkSlides)  
  
----  
작년 OpenAI가 개최한 Prompter Day Seoul 2023 Final까지는 갔지만, 아쉽게도 Top 8위엔 못 들어서 수상은 못한 아이템인데요([해커톤 후기](https://velog.io/@laeyoung/Prompt-er-Day-Seoul-2023-%EC%B0%B8%EC%84%9D-%ED%9B%84%EA%B8%B0)).  
그 때보다 발전시켜서 이제 공개하고 쓸만하게 되어 GeekNews에 처음으로 공개해 봅니다.  
개발자들을 위한 서비스라 꼭 여기에 올려서 피드백을 받고 싶었는데요, 써보시고 많은 피드백을 부탁 드립니다 : )!

## Comments



### Comment 22308

- Author: thxmark
- Created: 2024-01-17T08:47:34+09:00
- Points: 1

안녕하세요. 사용 중 문의사항이 있어 글 올립니다.  
  
문의 1.  
<!-- _header: 'header title' _footer: '[main-section 으로 이동](#main-section) _paginate: true -->  
이런식으로 사용하고 있습니다. slide settings 에서는 header, footer 에는 빈값이고 paginate 여부는 ON 상태이구요.  
  
slide show 상태에서는 header, footer 가 보이지 않습니다.  
slide show 상태에서 전체화면으로 바꿀 시 header, footer 가 보이긴 하는데 내부링크를 클릭하면 해당 목차가 아닌 다음 페이지로 이동되는 것 같습니다. (mode=presenter 도 마찬가지구요)  
편집 상태에서는 정상적으로 잘 이동이 되고 있습니다.  
혹시 제가 잘못사용 하고 있을까.. 어떤가해서 문의드립니다..!  
  
  
문의 2.  
혹시 save as .. 로 md 파일 저장시에.. header, footer, paginate 정보도 함께 노출 될 수 있을까요? header, footer 를 네비게이션 메뉴처럼 사용하고 있어서요..!  
  
  
  
감사합니다.

### Comment 22413

- Author: soaple
- Created: 2024-01-19T23:09:10+09:00
- Points: 1
- Parent comment: 22308
- Depth: 1

알림을 못봐서 뒤늦게 확인하고 답변드립니다.  
  
질문 1.  
header, footer 가 보이지 않는 것은 화면이 잘려서 그런 것 같은데,  
실제 window 사이즈에 맞게 나오도록 수정하도록 하겠습니다.  
  
그리고 현재 슬라이드쇼에서 특정 슬라이드로 가도록 하는 기능은 제공되지 않습니다ㅠ  
Marp에서 제공하는 아래 기능에 대해서 우선순위를 조금 높여서 구현할 수 있도록 하겠습니다.  
https://github.com/orgs/marp-team/discussions/161#discussioncomment-5627844  
  
  
질문 2.  
header, footer, paginate 정보도 함께 노출된다는 것이 어떤 의미인지 잘 이해하지 못했습니다.  
현재 .md 파일로 저장을 하게 되면 저장하는 시점의 Slide setting이 marp 호환 형태로 함께 들어가긴 합니다.  
이 부분은 조금 더 설명을 해주시면 좋을 것 같습니다!

### Comment 22171

- Author: thxmark
- Created: 2024-01-11T14:48:28+09:00
- Points: 1

안녕하세요. marp, slidev 로 보고 있다가 참 괜찮은 것 같아서 사용해보려고 하는데요.. 마크다운 언어는 처음이라 익히면서 사용하고 있는데... 에디터에서 html은 사용할 수 없나요? 코드블럭이 아닌.. 예를들면  
  
<img src="http://image.com/image.png">   
  
라던가.. <table> ...  </table> 같은 태그들...  
  
뷰어나  pdf export  했을 때 HTML 텍스트 그대로 노출이 되고 있어서요.  
(사실 .. 다른 몇개 에디터에서도 HTML텍스트로 노출되고 있는데 그곳에서는 물어볼 곳이 없어서^_^;;)  
  
혹시 제가 잘못 사용하고 있는건지.. 아니면 에디터에서 변환이 안되는지 궁금해서 문의드려봅니다.

### Comment 22173

- Author: soaple
- Created: 2024-01-11T17:44:39+09:00
- Points: 1
- Parent comment: 22171
- Depth: 1

안녕하세요, 현재 보안 이슈 때문에 HTML은 지원을 하지 않고 있습니다.  
  
아래 링크에 나와 있는 것처럼 marp에서도 HTML을 사용하려면 옵션을 변경해야 하는데, 이 부분은 향후 몇가지 보안에 문제가 될 만한 태그를 제외하고 사용 가능하도록 적용하려고 합니다.  
https://github.com/marp-team/marpit/issues/162#issuecomment-490004489  
  
그리고 궁극적으로는 GFM(GitHub Flavored Markdown) 스펙은 모두 지원하는 것이 목표입니다.  
https://github.github.com/gfm/#html-blocks  
  
사용하시다가 더 궁금한 점이 있으시면 아래 웹사이트의 하단 Contact Us 또는 Discord, Twitter 등으로 편하게 문의주세요~!  
https://www.markslides.ai/intro

### Comment 22176

- Author: thxmark
- Created: 2024-01-12T08:16:41+09:00
- Points: 1
- Parent comment: 22173
- Depth: 2

아. 보안이슈였군요.. 답변 감사합니다. 감사히 잘 쓸게요!

### Comment 21997

- Author: 3xplore
- Created: 2024-01-05T09:26:31+09:00
- Points: 2

간만에 힙해보이는 프로덕트네요.  
  
페이지 구분하는 방법 찾기가 어렵네요.  
'---'로 구분이 가능하네요. 사용성 개선하면 짧은 PT에 사용할 것 같아요

### Comment 22009

- Author: soaple
- Created: 2024-01-05T10:44:09+09:00
- Points: 1
- Parent comment: 21997
- Depth: 1

안녕하세요, MarkSlides 개발자입니다.  
처음 사용하는 분들이 사용법을 잘 익히실 수 있도록 튜토리얼을 개선해보도록 하겠습니다~!

### Comment 21993

- Author: darkkjm2002
- Created: 2024-01-05T08:22:18+09:00
- Points: 1

가볍게 쓰기에 좋은 서비스 같네요.   
  
슬라이드 구분하는 구분자가 무엇인지 또는 쉽게 슬라이드 한장을 추가하는 방법이 눈에 잘 안보이는거 같아요.

### Comment 22010

- Author: soaple
- Created: 2024-01-05T10:49:16+09:00
- Points: 1
- Parent comment: 21993
- Depth: 1

안녕하세요, MarkSlides 개발자입니다.  
현재 새로운 슬라이드는 CMD + Enter(현재 맥에서만 작동) 단축키로 추가하실 수 있습니다.  
다만, 아직 튜토리얼이 따로 없고 가이드 문서만 제공하고 있어서 이후에 튜토리얼을 개선해서 제공하려고 합니다~!