왜 나는 Local-First SVG Editor를 만들었는가 (Privacy-focused & Zero-Burn) 🛠️

발행: (2026년 1월 14일 오전 07:00 GMT+9)
3 min read
원문: Dev.to

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:

Back to Blog

관련 글

더 보기 »

하트 아이콘 만들기

하트 아이콘 만들기 이 워크숍은 이론을 실천으로 옮깁니다. 이미지와 SVG를 다루는 방법을 배운 후, 과제는 t를 사용하여 하트 아이콘을 만드는 것입니다.