인스타그램 다이렉트 엔지니어들이 Jetpack Compose를 사용하여 AI 네이티브 UI 아키텍처를 구축하고 에이전트 세션당 토큰 비용을 33% 절감한 방법
Instagram Direct 팀은 Jetpack Compose를 채택하여 Android UI를 대대적으로 현대화했습니다. 이 마이그레이션은 단순한 UI 재작성을 넘어, 처음부터 AI 네이티브 코드베이스를 구축하는 것을 목표로 했습니다. 주요 동기는 고도로 최적화된 레거시 View 시스템과 관련된 기술 부채 및 엔지니어링 오버헤드를 해결하는 것이었습니다. UI 코드를 더 예측 가능하고 AI 모델이 이해하기 쉽게 만들기 위해 Jetpack Compose의 선언적 특성이 선택되었습니다.Instagram Direct는 매일 수십억 개의 메시지를 처리하는 방대한 규모 때문에 점진적인 마이그레이션 전략이 중요했습니다. 기존 View 계층 구조에 Compose를 포함시키는 것이 임시 단계로 고려되었지만, UI 패러다임 혼합으로 인한 미묘한 버그와 성능 문제를 피하기 위해 완전한 전환이 선호되었습니다. 팀은 AI가 고품질 코드를 생성하는 능력을 향상시키기 위해 명확한 아키텍처 경계를 만드는 데 집중했습니다.사용자 정의 컨텍스트 종속성을 최소화하고 아키텍처 경계를 강제하는 등 AI 친화적인 원칙을 준수함으로써 팀은 더 나은 AI 결과를 보장했습니다. 그들은 AI 지원을 받아 모든 Compose 코드를 작성한 후 다듬고 테스트하는 구조화된 마이그레이션 프로세스를 개발했습니다. 이 접근 방식은 진행 중인 기능 릴리스를 방해하지 않고 신속한 개발을 가능하게 했습니다.결과는 상당한 개선을 보여주었습니다. UI 코드는 50% 감소했고, 엔지니어-에이전트 교환은 32% 감소했으며, AI 실행 시간은 35% 단축되었습니다. Compose를 사용할 때 View를 사용할 때보다 AI 작업에 대한 토큰 비용도 33% 감소했습니다. 새로운 Compose 기반 UI는 레거시 View 시스템에 비해 코드 위험에 대한 탄력성이 더 높았습니다. Meta와 Google 간의 이러한 협력 노력은 Instagram Direct를 현대화했을 뿐만 아니라 Compose 자체를 최적화하여 더 넓은 Android 개발자 생태계에 기여했습니다. 팀은 레거시 UI의 높은 성능 기준을 성공적으로 충족하거나 초과 달성하여 원활한 사용자 경험을 보장했습니다.