복잡한 검색 홈, 구조는 유연하게 화면은 부드럽게 개선하기
프론트엔드
복잡한 검색 홈, 구조는 유연하게 화면은 부드럽게 개선하기
두줄요약
검색 홈과 결과 화면을 모듈로 분리하고, SwiftUI 기반의 탭 구조로 재설계한 사례를 소개했습니다. 또한 중간 페이지를 건너뛰는 커스텀 전환 뷰로 화면 전환 경험을 개선했습니다.
구조와 흐름
- 검색 홈과 검색 결과를 GCSearchHome, GCSearchResult로 분리해 책임을 명확히 구분
- 검색 홈 내부는 컨테이너, 공용 컴포넌트, 탭 도메인 레이어로 나눠 확장성과 독립성 확보
- TabInfoAppModel과 Converter로 탭별 상태와 데이터 변환 책임을 추상화
- SwiftUI와 단방향 데이터 흐름을 유지하며 PageTransitionView로 중간 페이지 없이 탭 전환 구현