피드로 돌아가기
Dev.toFrontend
원문 읽기
Vega OS 기반 React Native 최적화를 통한 앱 구동 시간 50% 단축
What's it like to build for an unreleased OS?
AI 요약
Context
미출시 상태의 Vega OS 환경에서 SDK 버전 업데이트에 따른 지속적인 Breaking Change 발생. React Native의 추상화 레이어로 인한 성능 저하 및 런타임 불안정성 직면.
Technical Solution
- React Native의 런타임 오버헤드 제거를 위해 Player 로직을 Plain TypeScript Controller로 재작성
- View-Model Bridge 구조 설계를 통한 비즈니스 로직과 UI 렌더링 계층의 물리적 분리
- Define-Measure-Analyze-Improve-Control의 5단계 방법론 기반 성능 회귀 분석 수행
- Ottrelite 라이브러리를 활용한 JavaScript, C++, Kotlin, Swift 간의 Cross-language Tracing 구현
- CI 파이프라인 내 Reassure 도입을 통한 성능 Regression 자동 탐지 체계 구축
- 기존 iOS, Android, Web 코드베이스의 비즈니스 로직을 재사용하는 포팅 전략 채택
Impact
- Player 컨트롤러 최적화를 통한 앱 Startup Time 50% 감소
- 효율적 코드 재사용 전략을 통한 개발 일정 4~5주 조기 달성
실천 포인트
1. 고성능이 필수적인 모듈의 경우 Framework의 추상화 레이어를 벗어나 Plain Language로 구현 검토
2. 미성숙한 플랫폼 대응을 위해 인터페이스 기반의 View-Model Bridge 설계로 변경 유연성 확보
3. Multi-language 환경의 성능 병목 지점 파악을 위해 End-to-End Tracing 툴셋 구축