Bento는 560KB HTML 파일 하나에 편집기와 발표 도구를 담았어요

Bento는 560KB HTML 파일 하나에 편집기와 발표 도구를 담았어요

Bento 단일 파일 오피스 도구 썸네일

728x90

프레젠테이션 파일을 열기 위해 같은 프로그램과 계정부터 맞출 필요가 없는 도구가 나왔어요. Bento/Slides는 슬라이드와 편집기, 발표 화면을 약 560KB짜리 `.bento.html` 파일 하나에 묶어요. 최신 브라우저에서 파일을 열면 곧바로 편집하고 발표할 수 있어요. 1

핵심 요약

구분	핵심	왜 볼 만한가요
파일 구조	문서 데이터와 실행 도구가 HTML 파일 하나에 함께 들어가요	별도 설치와 계정 없이 파일 자체를 보관하고 전달할 수 있어요
AI 편집	슬라이드 데이터가 읽을 수 있는 JSON 블록으로 남아요	파일을 다루는 코딩 도구가 문서 구조만 고쳐 새 슬라이드를 만들 수 있어요
발표 기능	Morph 전환, 차트, 발표자 화면, PDF 내보내기를 지원해요	단일 파일이라는 제약 안에서도 실제 발표에 필요한 기능을 갖췄어요
협업	선택형 실시간 협업에 암호화와 CRDT를 써요	로컬 파일을 중심에 두면서 여러 사용자의 변경도 합칠 수 있어요

1. 문서와 프로그램의 경계를 없앤 Bento/Slides

Bento/Slides의 가장 독특한 점은 문서 안에 편집 프로그램까지 들어 있다는 거예요. 글꼴과 이미지, 차트, 애니메이션도 같은 파일에 포함할 수 있어요. 저장할 때는 브라우저의 File System Access API로 현재 파일의 문서 데이터 블록을 다시 쓰고, 이를 지원하지 않는 브라우저에서는 새 파일 다운로드로 대신해요. 제작진은 배포 파일 크기를 약 560KB로 안내하고 있어요. 2

문서 데이터는 파일 상단의 `application/bento+json` 스크립트 블록에 평문 JSON으로 저장돼요. 앱 코드와 문서 구조가 나뉘어 있어서 자동화 도구는 거대한 HTML 전체를 다시 만들지 않아도 돼요. `bento-doc` 블록의 JSON만 읽고 수정하면 슬라이드, 요소, 발표자 노트와 차트를 바꿀 수 있어요. Bento가 공개한 에이전트 가이드에는 파일을 직접 편집하는 방식과 JSON을 복사해 챗봇에서 고친 뒤 다시 불러오는 방식이 모두 적혀 있어요. 3

발표 기능도 단순한 HTML 뷰어보다 넓어요. 같은 ID를 가진 요소를 다음 슬라이드에서 이동시키면 Morph 전환으로 이어져요. 막대, 선, 원, 산점도 차트는 발표 중에도 툴팁과 확대 기능을 쓸 수 있어요. 발표자 화면과 댓글, 여러 페이지 크기, PDF 내보내기도 들어 있어요. 편집은 데스크톱에 맞춰져 있지만 스마트폰에서는 보기와 발표를 지원해요. 1

로컬 우선 설계가 모든 기능을 서버 없이 처리한다는 뜻은 아니에요. 오프라인 모드를 켜면 업데이트 확인과 협업을 막고 기기 안에서만 작업해요. 실시간 협업을 시작하면 암호화된 변경 내용이 중계 서버를 거쳐요. 프로젝트 설명에 따르면 협업 데이터는 AES-GCM으로 암호화되고, 자체 CRDT가 동시 편집과 오프라인 변경 병합을 맡아요. 파일 사본에 협업 키가 들어가므로 파일 전달이 초대 역할도 해요. 2

Bento/Slides는 현재 공개된 첫 제품이에요. 소스 코드는 MIT 라이선스로 공개됐고 Docs와 Sheets도 같은 단일 파일 방식으로 만들 계획이에요. 다만 로드맵에 있는 제품은 아직 쓸 수 있는 완성품으로 보면 안 돼요. 현재 평가할 수 있는 범위는 Slides와 공개된 코드, 문서예요. 2

왜 중요한가요

문서 포맷이 읽을 수 있는 JSON이면 AI 도구가 화면 좌표를 추측하거나 전용 플러그인을 거치지 않고 구조를 직접 다룰 수 있어요. 개발자는 코딩 도구로 반복 슬라이드를 만들고 차트 데이터를 바꾸기 쉬워져요. 비개발자도 JSON 복사와 교체 흐름을 쓸 수 있지만, 파일을 직접 수정하는 방식은 아직 코딩 도구에 익숙한 사용자에게 더 편해 보여요. 3

파일 하나로 보관할 수 있다는 점은 장기 보존과 전달에도 유리해요. 링크 권한이나 서비스 계정이 사라져도 사본이 남아 있으면 브라우저에서 열 수 있어요. 반대로 편집기까지 파일마다 포함하므로 여러 문서에 같은 실행 코드가 반복돼요. 서명된 업데이트가 준비돼 있어도 오래된 브라우저 호환성, 파일 버전 업그레이드, 협업 서버 운영비는 실제 사용이 늘면서 확인해야 할 부분이에요. 프로젝트도 실시간 협업 중 실행 취소가 같은 속성의 동시 변경을 되돌릴 수 있고, 편집 환경은 데스크톱 중심이라고 밝혀 두었어요. 2

Bento는 PowerPoint 파일을 그대로 가져오는 호환 도구와도 거리가 있어요. 기존 `.pptx`를 AI에 함께 주고 Bento 구조로 다시 작성하는 흐름을 제안해요. 복잡한 원본이 얼마나 정확히 재현되는지는 변환 기능보다 사용한 AI 도구와 지시, 검수에 더 크게 좌우될 수 있어요. 그래도 문서 데이터와 편집기를 한 파일에 묶고 그 구조를 공개했다는 점은 로컬 문서와 AI 편집을 연결하는 구체적인 실험으로 볼 만해요. 1

참고 자료

1. Bento - 파일 하나에 모두 들어가는 오피스 스위트 — GeekNews
2. Bento — the office suite that fits in a file — Bento GitHub
3. Bento Slides — for AI agents — Bento 공식 문서