카카오스타일 기술 블로그 · 2025. 12. 30.

1년 동안의 iOS 모듈화 진행기 - 2. Component 모듈

AI 엔지니어링 브리핑

공통 UI를 별도 모듈로 분리하고 데모앱과 화면 비교 테스트를 더해, iOS 컴포넌트를 쉽게 재사용하고 변경 영향까지 확인할 수 있게 만든 과정입니다.

문제 & 배경

문제 & 배경: 여러 기능이 같은 UI 컴포넌트에 얽혀 피처 모듈을 나누기 어려웠고, 서버가 화면 구성을 결정하는 환경에서는 기존 컴포넌트와 변경 시 QA 범위를 한눈에 파악하기 힘들었습니다.

기술 & 해결책

기술 & 해결책: 공통 UI를 ZComponent 모듈로 옮긴 뒤, JSON 예시 데이터를 사용하는 독립 데모앱을 카탈로그로 만들고 스냅샷 테스트를 CI/CD와 연결해 컴포넌트별 화면과 변경 영향을 이미지로 확인했습니다.

교훈 & 주의점

교훈 & 주의점: Core 레이어를 먼저 분리하고 파일 이동·의존성 정리·실제 로직 변경을 커밋별로 나누면 리뷰가 쉬워지며, 컴포넌트 카탈로그와 시각적 테스트는 중복 개발과 불명확한 QA 범위를 줄이는 데 효과적이었습니다.

내용이 비슷해요

내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.