프론트엔드
캐치테이블 지도 개발기(2편)
두줄요약
지도와 리스트를 하나의 화면에서 자연스럽게 전환하는 하이브리드 뷰를 도입한 과정을 다뤘습니다. 웹 뷰 성능 최적화로 사용자 수와 예약 완료 지표도 개선했습니다.
핵심 내용
- 검색 리스트와 지도를 하나의 화면에서 번갈아 볼 수 있는 하이브리드 뷰 도입 배경과 검토 과정
- 웹 뷰 환경에서 네이티브 같은 부드러운 전환을 구현하기 위한 성능 최적화와 구조 개선
- windowing, 이미지 서빙 개선, 반복 렌더링 디버깅을 통한 체감 성능 향상과 지표 개선
적용해볼 점
- 지도와 리스트를 분리하지 않고 하나의 흐름으로 묶는 탐색 경험 설계
- 긴 리스트와 바텀 시트 조합에서의 렌더링 최적화 필요성
- 사용성 개선과 성능 개선을 함께 보며 지표로 효과를 확인하는 접근