당근, 웹뷰 성능 한계 극복 위해 크로스플랫폼 기술 'Lynx' 도입

주요 내용

• 당근 앱의 다수 화면은 웹뷰로 구성되어 있으며, 웹 문서와 데이터를 네트워크에서 가져오는 초기 로딩 문제가 오래된 과제였음
• SSR, 서비스 워커 캐싱 등 기존 최적화 방법은 제품 복잡도를 높이는 한계가 있었음
• 새로운 실행 환경의 조건: 첫 프레임부터 실제 제품 UI 표시, 화면 단위 적용 가능, 앱 바이너리와 독립적인 프론트엔드 번들 배포, 소규모 팀(프론트엔드·iOS·Android 각 1명)으로 시작 가능, 문제 발생 시 웹뷰로 롤백 가능
• 당근 앱 전체를 새 크로스플랫폼 프레임워크로 교체하는 것은 목표가 아니었으며, 홈 피드·채팅 등 핵심 화면은 기존 네이티브 스택 유지
• 2025년 3월 사내 슬랙을 통해 Lynx를 접했으며, 검토 시 JavaScript 엔진과 첫 화면 렌더링 과정을 우선적으로 살펴봄
• Lynx는 React·CSS 기반 개발 모델로 iOS·Android UI를 구성할 수 있고, 기존 네이티브 구성 안에 UI 블록으로 삽입도 가능

큐레이터 노트

당근이 Lynx를 선택한 과정은 새로운 기술 도입 시 전면 교체가 아닌 점진적 적용과 롤백 가능성을 조건으로 삼은 실용적 의사결정 사례로, 유사한 고민을 하는 프론트엔드 팀에 참고가 될 수 있다.