카카오헤어샵에 Compose 적용하기 - xml 에서 Compose 로 가는 여정길

카카오헤어샵 Android 팀에서 기존 XML 기반 UI를 Jetpack Compose로 전환하는 여정을 공유합니다. 최신 트렌드인 선언형 UI를 적용하기 위해 마이페이지와 설정 화면을 우선적으로 개선 대상으로 선정했습니다.

이 과정에서 커스텀 폰트 적용, 반복되는 UI 로직 관리, 로컬 데이터 기반 화면 구현 등 세 가지 주요 문제에 직면했습니다. 이에 대한 해결책으로 Color, Font, Text System 가이드를 설계하고, 코드의 직관성, 확장성, 가독성을 높이는 방안을 모색했습니다.

본 글은 이러한 도입 배경, 직면한 문제점, 그리고 이를 해결하기 위한 시스템 가이드 설계 과정을 상세히 다룹니다.