웹, 데스크톱, 모바일 앱을 하나의 Rust 코드베이스로 만드는 풀스택 프레임워크
한 번 작성한 코드로 브라우저, 데스크톱, 모바일 기기에 동시에 배포할 수 있습니다. Dioxus는 Rust로 작성된 UI 프레임워크로, React와 Solid, Svelte의 장점을 결합한 상태 관리와 내장된 백엔드 기능을 제공합니다. dx serve 명령어 하나로 개발 서버를 띄우고, 코드를 수정하면 즉시 화면에 반영되는 경험을 할 수 있습니다.
단일 코드베이스로 여러 플랫폼 타겟팅
Dioxus는 웹, 데스크톱, 모바일, 서버를 하나의 코드베이스로 처리하도록 설계되었습니다. 웹에서는 WebAssembly로 렌더링하거나 서버 사이드 렌더링(SSR)을 지원하며, 데스크톱에서는 Webview나 실험적인 WGPU 렌더러를 사용합니다. 모바일은 Android와 iOS를 1급 지원하며, dx serve --platform android 명령으로 에뮬레이터나 실제 기기에 빠르게 배포할 수 있습니다. 이러한 크로스 플랫폼 기능은 코드 3줄로 설정할 수 있을 정도로 단순합니다.
신호 기반 상태 관리와 풀스택 통합
상태 관리는 신호(signals) 기반으로 작동하며, React의 직관성과 Solid, Svelte의 효율성을 결합했습니다. 백엔드 기능은 axum과 깊이 통합되어 WebSocket, SSE, 스트리밍, 파일 업로드/다운로드, 서버 사이드 렌더링, 폼 처리, 미들웨어 등을 내장된 기능으로 제공합니다. 기존 axum 백엔드를 그대로 통합하거나, 서버 함수(Server Functions)를 통해 클라이언트와 서버 간 통신을 쉽게 처리할 수 있습니다.
빠른 핫리로드와 번들링 최적화
실험적인 --hotpatch 옵션을 사용하면 Rust 코드도 실시간으로 업데이트됩니다. 배포 시에는 dx bundle 명령으로 웹, macOS, Linux, Windows용 앱을 최적화하여 번들링합니다. 웹 앱은 50kb 미만, 데스크톱/모바일 앱은 5mb 미만의 경량 바이너리를 생성할 수 있으며, .avif 생성, .wasm 압축, 미니피케이션 등 최적화 기능이 자동 적용됩니다.
네이티브 접근과 렌더링 옵션
Dioxus 앱은 HTML과 CSS로 스타일링되며, 내장된 TailwindCSS 지원이나 다른 CSS 라이브러리를 사용할 수 있습니다. Objective-C, JNI, Web-Sys를 통해 네이티브 코드를 직접 호출하여 플랫폼 특유의 기능을 활용할 수 있습니다. 렌더링 방식은 web-sys, webview, 서버 사이드 렌더링, liveview, 실험적인 WGPU 기반 렌더러 중 선택할 수 있으며, Bevy나 WGPU에 Dioxus를 임베드하거나 임베디드 Linux에서도 실행할 수 있습니다. shadcn/ui와 Radix-Primitives를 모델링한 1급 프리미티브 컴포넌트도 제공되어 빠른 시작이 가능합니다.
도입 전 확인 사항
Dioxus는 MIT 또는 Apache-2 라이선스로 제공되며, 전담 코어 팀이 개발을 주도하고 있습니다. 하지만 일부 기능은 실험 단계에 있습니다. 예를 들어 WGPU 기반 렌더러나 핫패칭은 실험적 기능으로, 안정성이 보장되지 않을 수 있습니다. 또한 메인 브랜치의 예제는 git 버전의 dioxus와 CLI를 타겟팅하므로, 최신 안정 릴리스(0.6 브랜치)를 사용하려면 해당 브랜치의 예제를 참고해야 합니다. Rust 생태계에 익숙하고, 크로스 플랫폼 개발에서 네이티브 성능과 작은 바이너리 크기를 중시하는 개발자에게 적합합니다. 도입 전에는 실험적 기능의 안정성과 프로젝트 요구 사항과의 부합 여부를 확인하는 것이 좋습니다.
