# Leaflet - 문서 작성 및 공유를 위한 웹앱

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=19658](https://news.hada.io/topic?id=19658)
- GeekNews Markdown: [https://news.hada.io/topic/19658.md](https://news.hada.io/topic/19658.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-03-10T10:17:01+09:00
- Updated: 2025-03-10T10:17:01+09:00
- Original source: [leaflet.pub](https://leaflet.pub)
- Points: 30
- Comments: 2

## Summary

Leaflet은 빠르고 가벼운 문서 작성 웹앱으로, Notion과 Google Docs 사이의 균형을 목표로 개발되었으며, 계정 없이도 문서 생성과 작성이 가능합니다. 이 앱은 리치 블록과 멀티 페이지를 지원하며, 이메일 로그인을 통해 기기 간 문서 동기화가 가능하고, 간편한 공유 기능을 제공합니다. 기술적으로는 TypeScript, React, Next.js 등을 사용하며, 향후 문서 관리 기능 개선과 더 많은 블록 추가 등의 개발 계획이 있습니다.

## Topic Body

- 빠르고 가벼우면서도 리치 블록과 멀티 페이지를 지원하는 문서 작성 웹앱  
- **Notion과 Google Docs 사이의 균형**을 찾는 것을 목표로 개발  
- 계정 없이도 즉시 문서 생성 & 작성 가능   
- 간편한 공유 가능하며 읽기 및 편집 링크 제공  
- 이메일 로그인으로 기기 간 문서 동기화  
- 리치 블록 지원 : 캔버스, 서브페이지, RSVP, 투표 등 추가 가능  
- 깔끔한 디자인 : 출판용 웹페이지처럼 보기 좋게 구성  
- 유스케이스 : 일회성 협업, 이벤트 운영, 빠른 메모 작성 등  
- **예제 문서**  
  - [전통 수공예 교육 Slöjd에 대한 프레젠테이션](https://leaflet.pub/3d28b4a7-3703-4ae5-aaf6-d270ffe1151f)  
  - [웹사이트 리디자인 문서화](https://leaflet.pub/14aba696-e894-440a-9d06-917641a2bfce)  
- **기술적 특징**  
  - TypeScript + React & Next.js + Supabase + Replicache + TailwindCSS  
  - **Replicache를 활용한 실시간 동기화 및 클라이언트 상태 관리**  
  - **Datomic 스타일의 데이터 모델** (엔티티 기반 그래프 구조)  
  - **ProseMirror 활용** (모든 텍스트 블록을 개별 ProseMirror 인스턴스로 관리하여 유연성 확보)  
  - **오픈소스 프로젝트** ([leaflet 의 GitHub Repo](https://github.com/hyperlink-academy/leaflet))  
- **향후 개발 계획**  
  - 문서 관리 기능 개선 (검색, 태깅, 컬렉션 등 추가)  
  - ATProto 및 Bluesky 통합 (문서 출판용 AppView 및 리치 텍스트 문서 표준 개발)  
  - 더 많은 블록 추가 (테이블, 코드 블록 등)  
- **강점**  
  - 우수한 리스트 처리 방식  
  - 커스텀 테마 지원  
  - iOS Safari에서 최적화된 키보드 입력 처리  
  - 사이드 스크롤 방식의 멀티 페이지 인터페이스  
  - **PWA 지원** (앱처럼 설치 가능)

## Comments



### Comment 35651

- Author: keepworking
- Created: 2025-03-10T14:51:26+09:00
- Points: 1

엄청 멋지네요

### Comment 35630

- Author: xguru
- Created: 2025-03-10T10:18:02+09:00
- Points: 1

위에 제가 적은 내용을 문서로 만든후 보기 링크로 만든 것이 https://leaflet.pub/955dc6a0-bc24-4c56-8713-6fa3f824dd4c 입니다.  
뷰어용/수정용 두개의 링크가 만들어지는데 위에 공유한 것은 뷰어 전용 링크입니다.   
특이하게 og:image 를 현재 문서의 내용으로 계속 새로 만들어 주네요.