Flutter(플러터). 많은 개발자에게 이 이름은 단순히 iOS와 안드로이드 앱을 찍어내는 UI 툴킷일 뿐입니다. 하지만 시각을 조금만 비틀어보면 이야기가 달라집니다. Toyota는 차량 인포테인먼트 시스템에, BMW는 iDrive 시스템에 이 기술을 도입했습니다. 왜일까요? 60FPS의 부드러운 렌더링 엔진(Skia/Impeller)을 가진 Flutter가 저사양 하드웨어에서도 압도적인 퍼포먼스를 보여주기 때문입니다. 이 글에서는 거창한 이론을 치우고, 책상 위에서 굴러다니는 raspberry pi(라즈베리파이)에 Flutter를 올려, 마치 하나의 독립된 OS처럼 동작하는 키오스크를 만드는 'Sony의 elinux' 방식을 다룹니다.
왜 flutter-pi 대신 sony/flutter-elinux인가?
라즈베리파이에서 Flutter를 돌리는 방법은 크게 두 가지가 있습니다. 커뮤니티에서 유명한 flutter-pi와 Sony 엔지니어들이 주도하는 flutter-elinux입니다. 우리는 후자를 선택합니다.
가볍게 띄우는 것이 목적이라면 flutter-pi가 좋지만, Wayland 디스플레이 서버 위에서 안정적으로 돌리고, 추후 터치스크린 입력 제어나 비디오 디코딩 하드웨어 가속까지 고려한다면 Sony의 아키텍처가 훨씬 프로덕션 레벨에 가깝습니다. 이는 단순히 앱을 띄우는 것이 아니라, 리눅스 임베디드 환경 전체를 제어하는 'OS' 관점의 접근입니다.
실전: 임베디드 환경 구축하기
라즈베리파이에 SSH로 접속한 뒤, 필수 빌드 도구를 설치합니다. Flutter는 크로스 컴파일을 지원하지만, 여기서는 이해를 돕기 위해 라즈베리파이에서 직접 빌드하는(On-device compilation) 방식을 택합니다. (빌드 시간이 꽤 걸리므로 커피를 준비하십시오.)
1. 필수 패키지 설치 및 환경 설정
Wayland와 Weston 컴포지터 관련 라이브러리가 필수적입니다.
# 시스템 업데이트 및 필수 의존성 설치
sudo apt-get update
sudo apt-get install -y git curl unzip clang cmake pkg-config \
libgtk-3-dev liblzma-dev libdrm-dev libgbm-dev libinput-dev \
libudev-dev libsystemd-dev libwayland-dev libxkbcommon-dev \
wayland-protocols weston
# Weston(Wayland Compositor) 자동 실행 설정
# 이것이 없으면 Flutter가 화면을 그릴 캔버스가 없습니다.
echo "allow_root=true" >> ~/.config/weston.ini2. Flutter SDK 및 elinux 확장 설치
Sony의 flutter-elinux는 기존 Flutter SDK를 래핑하여 리눅스 임베디드용 빌드 타겟을 추가해줍니다.
# 1. flutter-elinux 도구 복제
git clone https://github.com/sony/flutter-elinux.git
export PATH=$PATH:$HOME/flutter-elinux/bin
# 2. 설치 확인 (자동으로 Flutter SDK를 다운로드하고 패치합니다)
flutter-elinux doctor
# [Output Example]
# Doctor summary (to see all details, run flutter-elinux doctor -v):
# [✓] eLinux toolchain - develop for embedded Linux systems
# [✓] Flutter (Channel stable, 3.19.0, on Linux, locale en_US.UTF-8)
# ...앱 빌드 및 키오스크 모드 실행
이제 일반적인 Flutter 프로젝트를 생성하고, 타겟 디바이스를 임베디드 리눅스로 지정하여 실행합니다. 여기서 핵심은 -d elinux 플래그입니다.
# 새 프로젝트 생성
flutter-elinux create my_kiosk_app
cd my_kiosk_app
# 중요: 임베디드용 설정 생성
flutter-elinux create .
# 앱 실행 (Debug 모드)
# Weston이 실행 중인 상태여야 합니다.
# 만약 SSH 터미널 환경이라면 'weston &' 명령어로 백그라운드 실행 후 진행하세요.
flutter-elinux run -d elinux
# 프로덕션 빌드 (Release 모드 - 성능 최적화)
flutter-elinux build elinux --releasePermission denied 오류가 발생하며 /dev/dri/card0에 접근하지 못한다면, 현재 사용자가 video 및 render 그룹에 포함되어 있는지 확인해야 합니다.
sudo usermod -aG video,render $USER 실행 후 재부팅하면 해결됩니다.
성능 분석: 왜 Electron이 아니라 Flutter인가?
현장에서 키오스크를 개발할 때 가장 많이 비교되는 것이 Electron(웹 기술 기반)과 Flutter입니다. 라즈베리파이 4 환경에서 벤치마킹을 수행했을 때의 결과는 명확합니다.
| 비교 항목 | Flutter Embedded (elinux) | Electron (Chromium) | 비고 |
|---|---|---|---|
| 메모리 점유율 (Idle) | 약 60MB ~ 80MB | 약 300MB ~ 400MB | Flutter가 5배 이상 효율적 |
| 콜드 부팅 속도 | 1~2초 내외 | 5초 이상 | AOT 컴파일의 힘 |
| FPS 안정성 | 60fps 고정 (Skia) | 가변적 (스크롤 시 드롭 발생) | GPU 가속 최적화 차이 |
Electron은 크롬 브라우저 전체를 띄우는 무거움이 있지만, Flutter는 C++ 엔진 위에서 직접 Dart 코드를 네이티브 기계어로 AOT(Ahead-of-Time) 컴파일하여 실행합니다. 리소스가 제한된 raspberry pi 환경에서 이 차이는 사용자 경험(UX)을 결정짓는 치명적인 요소가 됩니다.
Conclusion
Flutter를 단순히 모바일 앱 개발 도구로만 보는 것은 이 도구가 가진 잠재력의 절반도 보지 못하는 것입니다. Toyota와 BMW의 사례, 그리고 오늘 우리가 직접 수행한 라즈베리파이 임베디드 포팅은 Flutter가 '스크린이 있는 모든 곳'을 위한 범용 OS 레이어가 되고 있음을 증명합니다.
이제 여러분은 묵직한 안드로이드를 올리지 않고도, 리눅스 커널 바로 위에서 60프레임으로 동작하는 화려한 UI를 만들 수 있는 무기를 손에 넣었습니다. 다음 단계는 GPIO 핀과 Dart의 FFI(Foreign Function Interface)를 연동하여 물리 버튼으로 화면을 제어하는 진정한 IoT 디바이스를 만드는 것입니다. Flutter FFI 문서를 참고하여 하드웨어 제어에 도전해 보시기 바랍니다.
Post a Comment