Rust + WASM으로 만든 3D 지구본 위의 항공편 시각화, 단 3.5MB

브라우저에서 만 개의 비행기가 날아다닌다

웹 브라우저 하나만 열면 지구본 위로 1만 개의 실시간 항공편이 날아다니는 걸 볼 수 있는 프로젝트가 공개됐어요. 이름은 Flight-Viz인데요, 놀라운 건 이 모든 게 단 3.5MB 안에서 돌아간다는 거예요. 별도의 앱 설치도 필요 없고, 무거운 JavaScript 프레임워크도 쓰지 않았어요. Rust로 작성한 코드를 WebAssembly(WASM)로 컴파일해서 브라우저에서 바로 실행하는 방식이에요.

요즘 웹에서 데이터 시각화를 하려면 D3.js, Three.js 같은 라이브러리를 쓰는 게 일반적인데요, 이 프로젝트는 그런 의존성을 최소화하고 Rust의 성능을 WebAssembly를 통해 브라우저로 직접 가져온 케이스라서 눈여겨볼 만해요.

WebAssembly가 뭐길래 이게 가능할까

WebAssembly, 줄여서 WASM이라고 하는데요, 이게 뭐냐면 브라우저 안에서 네이티브에 가까운 속도로 코드를 실행할 수 있게 해주는 기술이에요. 보통 웹에서는 JavaScript가 돌아가잖아요? JavaScript는 범용적이지만 대량의 데이터를 빠르게 처리하는 데는 한계가 있거든요. WASM은 C, C++, Rust 같은 언어로 작성한 코드를 바이트코드로 컴파일해서 브라우저가 이해할 수 있는 형태로 바꿔주는 건데, 덕분에 연산 집약적인 작업을 웹에서도 부드럽게 처리할 수 있어요.

Flight-Viz는 여기에 Rust를 조합했어요. Rust는 메모리 안전성을 보장하면서도 C/C++급 성능을 내는 언어인데, WASM과의 궁합이 특히 좋기로 유명해요. wasm-bindgen이나 wasm-pack 같은 도구 생태계가 잘 갖춰져 있어서, Rust 코드를 웹에서 돌리는 파이프라인이 꽤 매끄럽거든요.

3.5MB라는 숫자가 대단한 이유

요즘 웹사이트 하나 열면 수십 MB는 기본으로 다운로드되는 세상이에요. React 앱에 번들 사이즈 신경 안 쓰면 금방 5~10MB 넘어가고, 거기에 3D 시각화 라이브러리까지 얹으면 더 무거워지죠. 그런데 Flight-Viz는 3D 지구본 렌더링에 1만 개의 항공 경로 데이터를 처리하면서도 전체 페이로드가 3.5MB밖에 안 돼요.

이게 가능한 이유는 크게 두 가지예요. 첫째, Rust를 WASM으로 컴파일하면 JavaScript 대비 바이너리 크기가 훨씬 작아요. 불필요한 런타임 오버헤드가 없거든요. 둘째, 3D 렌더링에 대형 라이브러리를 통째로 가져오는 대신 필요한 기능만 직접 구현하는 접근을 취한 것으로 보여요. "라이브러리를 가져다 쓰면 편하지만 덩치가 커진다"는 트레이드오프를 정면으로 해결한 셈이죠.

비슷한 프로젝트들과 비교해보면

웹 기반 항공 추적 서비스로는 Flightradar24나 FlightAware가 유명한데요, 이런 서비스들은 상용 서비스답게 기능이 풍부하지만 당연히 무겁고 서버 의존도가 높아요. Flight-Viz는 그런 풀 서비스와는 목적이 다르지만, "제한된 리소스 안에서 얼마나 인상적인 시각화를 구현할 수 있는가"라는 기술적 도전으로서 의미가 있어요.

Rust + WASM 조합의 시각화 프로젝트는 점점 늘어나는 추세인데요, 예를 들어 maplibre-rs 같은 지도 렌더링 엔진도 Rust + WASM 기반이에요. 이런 흐름은 "웹 프론트엔드 = JavaScript"라는 등식이 점점 깨지고 있다는 걸 보여줘요.

한국 개발자에게 어떤 의미가 있을까

솔직히 Rust + WASM 조합이 아직 국내 실무에서 주류는 아니에요. 하지만 배워둘 가치는 충분해요. 특히 데이터 시각화, 게임, 이미지/영상 처리 같은 연산량이 많은 웹 앱을 만들어야 할 때 JavaScript만으로는 한계가 오거든요. 이런 상황에서 WASM은 선택지를 크게 넓혀줘요.

사이드 프로젝트로 시작하기에도 좋은 조합이에요. Rust 자체를 배우는 것도 물론 가치 있고, WASM 빌드 파이프라인을 한 번 경험해두면 나중에 성능 병목이 생겼을 때 "이 부분만 Rust로 빼서 WASM으로 돌리자"라는 카드를 꺼낼 수 있게 되니까요.