앱이 곧 파일 하나 — 단일 HTML 슬라이드 도구 Bento가 보여준 바이브코딩의 새 패턴
핵심 요약 (TL;DR)
파워포인트를 대체하는 슬라이드 도구 Bento가 Show HN에서 약 550개 이상(집계 시점에 따라 변동)의 추천을 받으며 화제가 됐습니다. 핵심은 뷰어, 발표자 모드, 에디터, 실시간 공동편집을 전부 약 560KB짜리 HTML 파일 하나에 담았다는 점입니다. 설치도 로그인도 필요 없고 오프라인에서 열립니다. 슬라이드 데이터가 파일 안에 평문 JSON으로 들어 있어, Claude Code 같은 AI 에이전트가 이 파일을 그 자리에서 직접 편집할 수 있습니다.
'앱 = 파일 하나'라는 게 무슨 뜻인가요?
우리가 아는 앱은 보통 덩치가 큽니다. 서버가 있고, 데이터베이스가 있고, 로그인이 있고, 배포 파이프라인이 있죠. 그런데 Bento는 그 모든 걸 접어서 파일 하나에 넣었습니다. .bento.html을 브라우저로 열면, 그게 전부입니다. 앱이 곧 파일인 거죠.
만든 사람(해커뉴스 핸들 starfallg, GitHub org nyblnet)의 동기가 재밌습니다. AI로 슬라이드덱을 만들다가 매번 코드를 열어 고치는 루프가 싫어서, 아예 슬라이드 '도구' 자체를 만들어버린 겁니다. 결과물은 오픈소스(github.com/nyblnet/bento, MIT 라이선스)로 공개돼 있고, 데모는 bento.page/slides/에서 바로 확인할 수 있습니다.
여기서 한 가지 정확히 짚고 갈 게 있습니다. 커뮤니티에는 "Claude Code로 만들었다"는 식으로 퍼졌지만, 저장소 설명을 보면 Claude Code는 '제작 도구'가 아니라 Cursor, Aider 등과 나란히 '이 파일을 편집할 수 있는 여러 에이전트 중 하나'로 언급됩니다. 즉 핵심은 "무엇으로 만들었나"가 아니라 "무엇이든 이 파일을 열어 고칠 수 있게 설계했다"는 구조에 있습니다.
왜 이 구조가 바이브코더에게 중요한가요?
비유하자면, 대부분의 웹앱은 '식당'입니다. 주방(서버), 홀(프런트엔드), 예약 시스템(로그인)이 다 있어야 밥 한 끼가 나옵니다. Bento는 '도시락'입니다. 뚜껑만 열면 바로 먹을 수 있죠.
이 도시락 모델의 강점은 AI와의 궁합입니다. 데이터가 평문 JSON으로 들어 있으니, 에이전트가 파일을 통째로 읽고 원하는 슬라이드를 고쳐 다시 저장하면 끝입니다. 서버 API, 인증, 상태 동기화의 무게가 사라지는 거죠. 실시간 공동편집이 필요할 때만 Cloudflare Durable Objects로 덱마다 방 하나를 띄웁니다.
# 단일 HTML 앱의 뼈대
<html>
<script id="data" type="application/json">
{ "slides": [ { "title": "...", "blocks": [...] } ] }
</script>
<script>
// 위 JSON을 읽어 화면을 그리는 렌더러
// 편집 결과를 다시 저 JSON에 써넣고 파일로 저장
</script>
</html>
AI에게 "3번 슬라이드 제목을 바꿔줘"라고 시키면, 에이전트는 이 data 블록의 JSON만 고치면 됩니다. 데이터와 뷰가 한 파일 안에 붙어 있으니, 사람이든 AI든 편집 지점이 명확한 거죠.
직접 만들어보려면 어디서 시작하나요?
거창할 필요 없습니다. 나만 쓸 작은 도구 하나를 '파일 하나'로 만드는 연습부터 해보세요. 할 일 목록, 간단한 계산기처럼요. 데이터를 JSON에 두고, 그리는 렌더러를 붙이고, 편집 결과를 같은 JSON에 되쓰는 세 조각이면 충분합니다. 서버가 없으니 배포도 '파일을 어딘가에 올려두는 것'으로 끝나죠.
다만 마케팅 문구는 걸러 들으세요. "파워포인트 전체를 한 파일에"는 표현일 뿐, 복잡한 애니메이션이나 미디어 처리까지 완전히 대체하는지는 직접 확인해야 합니다.
FAQ
Q. 단일 HTML 앱은 실제 규모 있는 서비스에도 쓸 수 있나요?
Bento처럼 '한 사람이 만들어 쓰고 공유하는' 도구엔 강력합니다. 다만 대규모 사용자, 복잡한 권한, 무거운 백엔드 로직이 필요하면 결국 서버가 필요합니다. 만능이 아니라 특정 문제에 날카로운 도구입니다.
Q. 정말 Claude Code로 만들어진 앱인가요?
저장소 설명 기준으로는 '만든 도구'라는 근거가 없습니다. Claude Code는 이 파일을 편집할 수 있는 여러 AI 에이전트 중 하나로 언급될 뿐입니다.
Q. 추천 수 550은 확정된 숫자인가요?
아닙니다. Show HN 게시 후 계속 늘어난 스냅샷 값이라 집계 시점에 따라 달라집니다. '약 550개 이상'으로 이해하세요.
앱을 '서버와 배포의 덩어리'가 아니라 '열면 도는 파일 하나'로 다시 상상하는 것. Bento가 550명의 손을 든 진짜 이유는 거기에 있습니다. 당신의 다음 도구도, 도시락처럼 가볍게 시작해보면 어떨까요?
댓글 0
아직 댓글이 없습니다