romi shared this post · 1h ago

HTML 발표자료를 PPT처럼 편집하는 사이트를 만들었습니다 : 클리앙

안녕하세요. 취미 삼아 웹 도구를 만들고 있는 개발자입니다.

요즘 ChatGPT나 Claude한테 " 발표자료 HTML로 만들어줘" 하면 꽤 그럴듯한 결과물이 나오는데, 막상 글자 하나 고치거나 상자 위치를 옮기려면 AI 에게 토큰을 소비하며 수정을 요청해야 하는 게 늘 불편했습니다.

그래서 브라우저에서 HTML을 열어 PPT 다루듯 마우스로 편집하는 에디터 를 직접 만들었습니다.

이런 걸 할 수 있습니다.

  • AI가 만들어준 HTML 파일을 열어서 클릭으로 선택하고, 드래그로 이동/크기조절/회전
  • 텍스트는 더블클릭으로 바로 수정, 글꼴·색·여백은 우측 패널에서 조정
  • 표 편집(셀 병합/분할), 차트·다이어그램·아이콘·이미지 삽입, 슬라이드 단위 편집
  • 결과물은 HTML 파일 그대로 저장하거나 PDF / PNG로 내보내기
  • 필요하면 본인 GitHub 계정으로 로그인해서 GitHub Pages에 바로 올려 공유 링크를 만들 수도 있습니다 (선택 기능입니다)

몇 가지 미리 말씀드리면,

  • 무료이고 설치나 회원가입 없이 브라우저에서 바로 씁니다.
  • 편집 중인 문서는 서버로 전송되지 않고 브라우저(로컬)에만 저장 됩니다.

자동 저장이 되어 있어서 탭을 닫았다 열어도 이어서 작업됩니다.

  • 처음부터 만들고 싶으면 기본 템플릿도 몇 가지 들어 있습니다.
  • 한국어/영어/일본어 UI를 지원합니다.

혼자 만들다 보니 부족한 부분이 분명 있을 겁니다. 쓰시다가 이상한 동작이나 "이건 이렇게 되면 좋겠다" 싶은 게 있으면 댓글로 알려주시면 반영해보겠습니다.

베타라 오류가 있을수 있습니다. 알려주시면 빠르게 수정하겠습니다.

읽어주셔서 감사합니다.

HTML-Visual-Editor-08-03-2026_11_26_PM.png