왜 나는 Local-First SVG Editor를 만들었는가 (Privacy-focused & Zero-Burn) 🛠️
Source: Dev.to
동기
개발자들은 매일 SVG를 사용합니다. 하지만 대부분의 “빠른” 온라인 편집기나 최적화 도구가 공통적인 패턴을 가지고 있다는 것을 깨달았습니다. 즉, 로그인 이 필요한 거대한 SaaS 플랫폼이거나, 여러분의 자산을 원격 서버에 업로드하는 신뢰하기 어려운 사이트입니다.
브라우저가 전체 IDE를 구동할 만큼 강력해진 오늘날, 왜 우리는 여전히 사적인 벡터 데이터를 제3자 서버에 업로드해 경로를 조금만 수정해야 할까요?
그래서 Vector Gnome을 만들기 시작했습니다 – 로컬 우선, 미니멀리스트 SVG 편집기. 핵심 철학은 간단합니다: 당신의 데이터는 절대 당신의 머신을 떠나지 않는다.
주요 특징
- 로컬 우선: 모든 처리는 브라우저 내 Canvas/SVG API를 통해 이루어집니다.
- 프라이버시 기본 제공: 추적 없음, 필수 계정 없음, 원하지 않는 “클라우드” 동기화 없음.
- 제로 번: 최소한의 발자국으로 빠르게 동작하며 하나의 문제를 효과적으로 해결합니다.
기술 스택 및 배포
- 프론트엔드: Next.js (정적 내보내기) + Tailwind CSS
- 배포: 최소 사양 Hetzner VPS (CX23)에서 Docker 네이티브 실행
- 프록시: 자동 Let’s Encrypt SSL을 사용하는 Traefik
- 텔레메트리: 사용자 프라이버시를 해치지 않으면서 기본 사용량을 추적하는 맞춤형 경량 시스템 (쿠키, 개인 식별 정보 없음)
저는 **“Hyper‑Tools”**라는 작은, 집중된, 프라이버시를 존중하는 유틸리티 모음도 함께 개발하고 있습니다. Vector Gnome이 첫 번째 실험입니다.
피드백 요청
현재 초기 베타 단계이며 커뮤니티의 의견을 듣고 싶습니다:
- 현재 SVG 작업 흐름에서 가장 큰 “불편함”은 무엇인가요?
- “코드‑우선” 편집기(속성 직접 수정)와 “시각‑우선” 편집기(경로 드래그) 중 어느 쪽을 더 선호하시나요?
Check it out: