모듈 3-B⏱️ 예상 소요 시간: 45분📊 난이도: 중상급
모듈 3-B: Rust (Tauri) 기반 고성능 데스크톱 앱 개발
Rust의 빠른 속도와 웹 Frontend UI 기술을 결합한 차세대 데스크톱 프로그램
🎯 학습 목표 및 개요
Rust 언어와 Tauri 프레임워크를 활용하여 초경량, 고성능 시스템 모니터링 및 스마트 노트를 개발하고 `cargo tauri build`로 빌드합니다.
✅ Tauri 프론트엔드/백엔드 브릿지 작성 -> Rust 시스템 상태 API 호출 -> 윈도우 경량 실행파일 생성
1
Tauri Backend (Rust)와 Frontend (React) 연결 구조 작성
Rust로 CPU 사용량을 가져오고 웹 화면에서 실시간 차트로 보여주는 앱을 요청합니다.
클로드_입력_프롬프트.txttext
| 1 | 당신은 Rust 및 Tauri 시스템 개발자입니다. "실시간 CPU/메모리 시스템 모니터" 데스크톱 앱을 만들어주세요. |
| 2 | |
| 3 | [Rust 백엔드 요구사항 (src-tauri/src/main.rs)] |
| 4 | 1. sysinfo 크레이트를 사용해 현재 CPU 사용률(%)과 메모리 사용량(MB)을 반환하는 tauri command 작성 |
| 5 | 2. #[tauri::command] fn get_system_stats() -> SystemStats |
| 6 | |
| 7 | [프론트엔드 요구사항 (src/App.jsx)] |
| 8 | 1. 1초마다 get_system_stats 명령어를 호출(invoke)하여 그래프 상태 업데이트 |
| 9 | 2. Tailwind CSS 기반 다크모드 대시보드 UI 디자인 |
복사 버튼을 누른 후 claude.ai 입력창에 그대로 붙여넣으세요.
src-tauri/src/main.rsrust
| 1 | // Prevents additional console window on Windows in release |
| 2 | #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")] |
| 3 | |
| 4 | use serde::Serialize; |
| 5 | use sysinfo::{System, SystemExt, CpuExt}; |
| 6 | |
| 7 | #[derive(Serialize)] |
| 8 | struct SystemStats { |
| 9 | cpu_usage: f32, |
| 10 | used_memory_mb: u64, |
| 11 | total_memory_mb: u64, |
| 12 | } |
| 13 | |
| 14 | #[tauri::command] |
| 15 | fn get_system_stats() -> SystemStats { |
| 16 | let mut sys = System::new_all(); |
| 17 | sys.refresh_all(); |
| 18 | |
| 19 | SystemStats { |
| 20 | cpu_usage: sys.global_cpu_info().cpu_usage(), |
| 21 | used_memory_mb: sys.used_memory() / 1024 / 1024, |
| 22 | total_memory_mb: sys.total_memory() / 1024 / 1024, |
| 23 | } |
| 24 | } |
| 25 | |
| 26 | fn main() { |
| 27 | tauri::Builder::default() |
| 28 | .invoke_handler(tauri::generate_handler![get_system_stats]) |
| 29 | .run(tauri::generate_context!()) |
| 30 | .expect("Tauri 앱 실행 실패"); |
| 31 | } |
sysinfo 라이브러리로 시스템 통계를 수집하는 Rust Tauri 커맨드 백엔드 코드
📸 실습 스크린샷 가이드라인
16:9Tauri 창 내부에서 실시간 CPU/메모리 게이지가 움직이는 화면
[이미지 영역: 1920x1080 (16:9)]
🎯 스크린샷 필수 포함 요소:
Rust 시스템 명령어 호출 로그동적 프로그래스 차트 UI경량 메모리 사용량
2
`cargo tauri build` 명령어로 윈도우 실행 파일 생성
Electron 대비 10배 이상 가벼운 Tauri 윈도우 설치본(.msi / .exe)을 생성합니다.
🚀 Tauri 빌드 명령어
프로젝트 루트에서 `cargo tauri build` 또는 `pnpm tauri build`를 실행하면 `src-tauri/target/release/bundle/msi/` 폴더에 설치 파일이 생성됩니다.
🧠 모듈 이해도 점검 퀴즈 (Knowledge Check)
이번 모듈에서 학습한 핵심 개념을 잘 이해했는지 테스트해보세요.