피드로 돌아가기
Ziptable — 소규모 데이터셋을 링크 하나로 공유하는 도구
GeekNewsGeekNews
Frontend

Ziptable — 소규모 데이터셋을 링크 하나로 공유하는 도구

Ziptable이 URL 프래그먼트에 압축된 데이터를 직접 인코딩하여 서버 없이 브라우저 기반 데이터 공유 구현

neo2026년 3월 25일5intermediate

Context

CSV나 JSON 파일 공유 시 기존에는 서버 업로드, 클라우드 스토리지, 계정 생성 등 복잡한 워크플로우가 필요했다. 소규모 데이터셋을 임시로 공유하기 위해 불필요한 인프라와 관리 부담이 발생하고 있었다.

Technical Solution

  • 데이터를 압축 후 URL 프래그먼트(#)에 직접 인코딩: 인코딩된 전체 데이터를 URL에 포함시켜 링크만으로 공유 가능
  • 브라우저 기반 클라이언트 사이드 처리: URL 프래그먼트는 서버로 전송되지 않으므로 서버가 데이터를 수신하지 않음
  • 로컬 언팩 및 렌더링: 링크를 받은 사용자의 브라우저가 데이터를 로컬에서 언팩하여 테이블 형태로 표시
  • GeoJSON 지원 및 지도 연동: GeoJSON 파일 감지 시 피처 속성을 테이블로 표시하고 geojson.io와 연동
  • 오프라인 동작 지원: 페이지 로드 후 브라우저 캐시를 활용하여 인터넷 연결 없이 데이터 조회 가능

Key Takeaway

URL 프래그먼트의 서버 전송 불가 특성을 활용하여 완전 클라이언트 사이드 데이터 공유 시스템을 구축하면, 서버 인프라와 계정 관리 없이 프라이버시를 보장하는 경량 협업 도구를 만들 수 있다.


작은 규모의 데이터셋을 임시로 공유해야 하는 팀 협업 환경에서 URL 프래그먼트 기반 클라이언트 사이드 처리 패턴을 적용하면, 서버 비용을 0으로 유지하면서 링크 하나로 즉시 데이터를 공유할 수 있다. 단축 URL 서비스 사용 시에는 데이터가 제3자 서버를 경유하므로 민감하지 않은 데이터에만 제한해야 한다.

원문 읽기