모듈화를 통한 SwiftUI Preview 효율화

간단 소개

타다 iOS 팀은 모듈화를 통해 SwiftUI Preview 성능을 극대화하고 UI 개발 효율성을 향상시켰습니다. Mock 데이터와 Hot Reload, 세분화된 UI 컴포넌트 관리가 핵심입니다.

AI Summary

UI 모듈 도입 배경
- 프로젝트 규모 확대로 인한 디버깅 비효율성 증가
- SwiftUI Preview의 잦은 충돌 및 무한 로딩 문제 발생
- UI 모듈화를 통해 디버깅 효율성 향상 목표
UI 모듈 구조 및 활용
- Feature 모듈 내 UI 모듈 생성, 불필요한 모듈 종속성 제거
- UI 모듈은 View, ViewModel, Model Extension으로 구성
- Mock 데이터를 활용한 Hot Reload로 실시간 UI 디버깅
UI 컴포넌트 세분화 및 관리
- UI 컴포넌트 세분화를 통해 필요한 부분만 집중 디버깅
- 각 컴포넌트별 다양한 상태 Preview를 통해 코드 수정 영향 신속 확인
- MatchedCostView 예시를 통해 탄력 요금, 할인 적용 여부에 따른 UI 변화 효율적 관리