mac에서 eframe 무작정 사용해보기 (feat. egui, rust)

📢 rust 언어 사용 시 GUI를 손쉽게 사용 할 수 있는 egui 라이브러리를 기반으로 한 eframe 프레임워크를 사용해봐요

 

 

Rust? egui? eframe?

Rust는 시스템 수준 성능과 안전성을 가지는 언어에요

Rust로 GUI 프로그래밍을 손쉽게 하기 위해 egui라는 라이브러리를 많이 사용해요

이 egui 마저 손쉽게 사용하기 위해 eframe 프레임워크를 사용해서 wasm 웹사이트 빌드 및 배포 하는 방법까지 알아봐요

 

 

Rust 설치 (mac os)

rust와 필요한 패키지들을 설치해요

자신의 개발 환경 OS에 맞춰 설치해줘요

brew install rustup pkg-config openssl
rustup-init
source $HOME/.cargo/env
rustup update​

 

 

eframe 공식 문서 확인

eframe 공식 문서 내 getting start가 빈약해서 놀랐어요

• https://docs.rs/eframe/latest/eframe/

살펴보니 eframe_template 리포지토리가 따로 있었고

이 template을 기반으로 repository를 생성하여 crate을 구성하면 손 쉽게 셋업 가능했어요

• https://github.com/emilk/eframe_template/

 

주의 할 점

코드 수정 후 Hot reloading이 안될 때

trunk serve 시 browser cache로 인해 hot reload가 반영 안되는 경우가 있어요

safari의 경우 Develop>Empty Caches 해주면 돼요

 

단축키로 하면 아래와 같아요

• Cache 삭제 : option + command + E
• Reload : option + command + R

 

github page 배포 방법

GitHub page deploy도 이미 workflow 다 구성되어 있어서 main에 코드 반영만 하면 돼요

 

 

 

이렇게 간단하게 eframe 통해 사이트 빌드 및 배포를 할 수 있어요