Vercel Labs의 Native, 데스크톱 앱 크기를 18MB로 축소 — Electron과의 비교
요약
Vercel Labs가 출시한 Native는 시스템 WebView를 활용하여 Electron 대비 앱 크기와 리소스 사용량을 획기적으로 줄인 데스크톱 앱 개발 툴킷입니다. Electron보다 가볍고 빠르지만, 크로스 플랫폼 UI 일관성 측면에서는 트레이드오프가 존재합니다.
핵심 포인트
- 설치 파일 크기를 145MB에서 18MB로 약 8배 축소
- 메모리 사용량 4배 감소 및 시작 속도 3배 향상
- Chromium 번들링 대신 시스템 WebView(Edge, WebKit) 활용
- 웹 기술 기반이며 Rust보다 진입 장벽이 낮음
- UI 일관성이 중요한 복잡한 앱보다는 가벼운 앱에 적합
Vercel Labs의 Native, 데스크톱 앱 크기를 18MB로 축소 — Electron과의 비교
비교를 위해 Native와 Electron 모두에서 동일한 간단한 앱을 제작했습니다. 결과 수치는 극적입니다.
비교 (The comparison)
Native와 Electron 모두에서 기본적인 데스크톱 앱(윈도우, 메뉴, 파일 대화 상자, 웹뷰)을 구축했습니다.
Electron:
- 설치 파일 (Installer): 145 MB
- 유휴 상태 RAM (RAM at idle): 380 MB
- 시작 시간 (Startup time): 4초
- 유휴 상태 CPU (CPU at idle): 12%
Native:
- 설치 파일 (Installer): 18 MB
- 유휴 상태 RAM (RAM at idle): 95 MB
- 시작 시간 (Startup time): 1.2초
- 유휴 상태 CPU (CPU at idle): 2%
이는 8배 더 작고, 메모리는 4배 적게 사용하며, 시작은 3배 더 빠르고, CPU 사용량은 6배 더 적습니다. 트레이드오프(Trade-off)는 다음과 같습니다: Native는 시스템의 WebView를 사용하므로, 크로스 플랫폼 (cross-platform) 동작의 일관성이 덜할 수 있습니다.
작동 원리 (How it works)
Native는 웹 기술 (web technologies)을 사용하여 크로스 플랫폼 (cross-platform) 데스크톱 애플리케이션을 구축하기 위한 Vercel Labs의 툴킷 (toolkit)입니다. Electron과 마찬가지로 UI를 위해 웹 렌더링 (web rendering)을 사용합니다. 하지만 Electron과 달리, 전체 Chromium을 번들링하는 대신 시스템의 WebView (Windows의 Edge, macOS의 WebKit)를 사용합니다.
6.5K개의 스타 (stars)와 Vercel Labs의 지원은 이것이 주말 동안 만든 해킹용 도구가 아니라 연구 수준의 툴링 (tooling)임을 의미합니다.
Native를 선택해야 할 때 (When to choose Native)
다음의 경우 Native를 사용하세요: 가벼운 데스크톱 앱(100MB 이상 대신 10-50MB)을 원하는 경우, Rust보다 웹 기술을 선호하는 경우, 번들 크기 (bundle size)가 중요한 새로운 프로젝트를 구축하는 경우, 유지 관리자로서 Vercel Labs를 신뢰하는 경우.
다음의 경우 제외하세요: 가장 큰 생태계가 필요한 경우 (Electron 사용), Rust를 선호하는 경우 (Tauri 사용), 크로스 플랫폼 (cross-platform)에서 픽셀 퍼펙트 (pixel-perfect) UI가 필요한 경우, 많은 통합이 필요한 복잡한 앱을 구축하는 경우.
결론 (The verdict)
대부분의 프로덕션 앱 (production apps)의 경우, Electron 또는 Tauri가 더 안전한 선택입니다. 더 많은 개발자가 이 도구를 발견함에 따라 6.5K개의 스타는 계속 늘어날 것이지만, 현재 커뮤니티는 규모가 작습니다.
번들 크기 (bundle size)가 중요하고 Rust보다 웹 기술 (web-tech) 경험을 활용하기 쉬운 새로운 프로젝트라면, Native는 시도해 볼 가치가 있습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기