프론트엔드
뱅크샐러드의 새로운 집(Home) 짓기 - 2편 | 완공편
두줄요약
홈 탭을 위해 iOS·Android 구현 기술을 PoC로 검증하고 서버 드리븐 UI를 설계했습니다. 단계적 QA와 114일간의 실험으로 지표를 관찰하며 안정적으로 배포했습니다.
문제 상황
- 앱 첫 화면인 홈 탭의 복잡한 섹션형 레이아웃과 사용자 상태별 화면 이동 경로
- 기존 자산 탭의 성능 문제를 반복하지 않아야 하는 장기 운영 기능
- 앱 정기 업데이트 주기로 인한 홈 구성·이동 경로 개선 지연
선택 이유
- 확장성, 리팩토링 용이성, 화면 성능을 기준으로 iOS·Android 구현 기술 PoC 진행
- 앱 업데이트 없이 섹션 순서와 이동 화면을 변경하기 위한 서버 드리븐 UI 채택
- 일부 섹션 오류가 홈 전체 장애로 전파되지 않는 구조 지향
구조와 흐름
- 홈 기능과 서버 드리븐 UI 설계, 스크린 네비게이터 개발, Pre-QA의 3단계 분리
- 서버의 UI 구성 정보와 화면 이동 정보를 클라이언트가 해석해 화면 구성
- 사내 베타테스트 3회와 사용자 대상 단계적 배포로 피드백 반영
성능/운영 포인트
- 114일간 사용자 비중을 점진적으로 확대하며 기능 추가와 지표 분석 병행
- 예상매출액 하락 관찰 후 인기 금융 상품 섹션 고도화로 지표 방어
- 장기 실험 비교를 위한 홀드아웃 그룹 미적용에 대한 회고
