프론트엔드
사용성을 고려한 앱 구조 만들기
두줄요약
여기어때 iOS 카테고리 홈의 긴 로딩 문제를 해결하기 위해 네이티브 전환과 즉시 뷰 업데이트 구조를 적용했습니다. Compositional Layout과 로딩 뷰로 사용성을 높이고 화면 노출 속도를 크게 개선했습니다.
문제 상황
- 여기어때 iOS 카테고리 홈의 긴 로딩으로 인한 사용자 이탈 우려
- 모듈별 API 응답 지연 시 빈 화면 유지와 버벅임 발생 가능성
원인 분석
- 여러 모듈이 각기 다른 API에 의존하는 구조
- 가장 느린 API 응답을 기다리는 화면 구성 방식의 비효율
해결 방법
- 응답이 도착하는 즉시 모듈별 뷰를 순차 업데이트하는 방식으로 전환
- 주변 추천 숙소 모듈에 고정 높이와 로딩 뷰를 적용해 레이아웃 흔들림 완화
- Compositional Layout과 Diffable DataSource, Server Driven UI로 유연한 구조 구성
성능/운영 포인트
- 네이티브 전환과 서버 기반 UI 변경으로 콘텐츠 수정 유연성 확보
- 모텔 카테고리 홈 기준 화면 노출 속도 약 10배 이상 개선