이 게시물은 1년 동안의 iOS 모듈화 여정 중 Component 모듈 분리와 데모앱·스냅샷 테스트 도입을 다룬 글입니다.

핵심 문제

• 피처 모듈 분리 전 공통 UI 컴포넌트 의존성으로 분리 어려움
• 서버 드리븐 환경에서 어떤 컴포넌트가 존재하는지 가시성 부족
• 컴포넌트 수정 시 영향 범위와 QA 범위 불명확

분리 방법

• ZComponent 모듈로 공통 UI 컴포넌트 이동 및 public 접근 제어자 정리
• 커밋을 의존성 정리, 파일 이동, 접근 제어자/임포트 정리, 로직 변경으로 분리하여 리뷰 효율 개선

가시성 확보

• 데모 타겟(스토리북 앱) 추가 및 JSON 기반 Mock 데이터로 컴포넌트 카탈로그 제공
• 팀 전체가 컴포넌트와 variation을 손쉽게 확인 가능

QA 범위 시각화

• uber/ios-snapshot-test-case로 스냅샷 테스트 도입 및 CI 연계로 PR에서 영향 컴포넌트 이미지 확인 가능