26P by laeyoung 6달전 | favorite | 댓글 9개

소개

  • Markdown 문법을 사용하여 AI와 함께 슬라이드를 작성하고 발표 할 수 있습니다.
  • Keynote나 PPT에서는 불편한 소스 코드 삽입, 텍스트 포맷팅, 다이어그램 등을 개발 관련된 도구들과 AI를 함께 사용 할 수 있습니다.
  • 예시 결과물 - JavaScript Basic Syntax

서비스 주소

주요 기능

  • GPT-3.5, GPT-4를 사용한 슬라이드 자동 생성 및 컨텐츠 생성 (Command + K)
  • 소스 코드 syntax highlighting
  • MermaidJS 다이어그램, Typogram 렌더링
  • 슬라이드쇼, 발표자 모드 제공
  • PDF export
  • Public 링크로 슬라이드 노트 공유 가능

관련 링크


작년 OpenAI가 개최한 Prompter Day Seoul 2023 Final까지는 갔지만, 아쉽게도 Top 8위엔 못 들어서 수상은 못한 아이템인데요(해커톤 후기).
그 때보다 발전시켜서 이제 공개하고 쓸만하게 되어 GeekNews에 처음으로 공개해 봅니다.
개발자들을 위한 서비스라 꼭 여기에 올려서 피드백을 받고 싶었는데요, 써보시고 많은 피드백을 부탁 드립니다 : )!

안녕하세요. 사용 중 문의사항이 있어 글 올립니다.

문의 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 를 네비게이션 메뉴처럼 사용하고 있어서요..!

감사합니다.

알림을 못봐서 뒤늦게 확인하고 답변드립니다.

질문 1.
header, footer 가 보이지 않는 것은 화면이 잘려서 그런 것 같은데,
실제 window 사이즈에 맞게 나오도록 수정하도록 하겠습니다.

그리고 현재 슬라이드쇼에서 특정 슬라이드로 가도록 하는 기능은 제공되지 않습니다ㅠ
Marp에서 제공하는 아래 기능에 대해서 우선순위를 조금 높여서 구현할 수 있도록 하겠습니다.
https://github.com/orgs/marp-team/…

질문 2.
header, footer, paginate 정보도 함께 노출된다는 것이 어떤 의미인지 잘 이해하지 못했습니다.
현재 .md 파일로 저장을 하게 되면 저장하는 시점의 Slide setting이 marp 호환 형태로 함께 들어가긴 합니다.
이 부분은 조금 더 설명을 해주시면 좋을 것 같습니다!

안녕하세요. marp, slidev 로 보고 있다가 참 괜찮은 것 같아서 사용해보려고 하는데요.. 마크다운 언어는 처음이라 익히면서 사용하고 있는데... 에디터에서 html은 사용할 수 없나요? 코드블럭이 아닌.. 예를들면

<img src="http://image.com/image.png">;

라던가.. <table> ... </table> 같은 태그들...

뷰어나 pdf export  했을 때 HTML 텍스트 그대로 노출이 되고 있어서요.
(사실 .. 다른 몇개 에디터에서도 HTML텍스트로 노출되고 있는데 그곳에서는 물어볼 곳이 없어서^_^;;)

혹시 제가 잘못 사용하고 있는건지.. 아니면 에디터에서 변환이 안되는지 궁금해서 문의드려봅니다.

안녕하세요, 현재 보안 이슈 때문에 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

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

가볍게 쓰기에 좋은 서비스 같네요.

슬라이드 구분하는 구분자가 무엇인지 또는 쉽게 슬라이드 한장을 추가하는 방법이 눈에 잘 안보이는거 같아요.

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

간만에 힙해보이는 프로덕트네요.

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

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