XML을 Compose로 전환하기 #우아콘2024 #우아한형제들
우아콘 2024 우아한형제들 · YouTube
AI 핵심 요약
커머스 Android 팀은 XML 기반 화면을 Compose로 옮기면서 기존 서비스 동작을 지키고, XML에 있던 일부 UI 기능을 Compose에서 어떻게 구현할지 고민했습니다. 신규 화면이나 영향이 적은 화면은 Compose로 전면 전환하고, 운영 중인 화면은 작은 UI부터 점진적으로 바꾸며 공통 디자인 시스템의 컴포저블을 재사용했습니다. 전환 과정에서 기준선 정렬에는 `alignByBaseline`, 텍스트 안의 아이콘에는 `InlineTextContent`, 동적 크기 측정에는 `SubcomposeLayout`을 활용했고 오토사이즈 텍스트도 직접 구현했습니다. Compose는 코드와 컴포넌트 재사용을 간결하게 해 주지만, 리컴포지션을 고려해야 하고 기존 기능을 새로 구현해야 할 수 있으므로 화면별 검증과 도구 활용이 중요하다는 경험을 공유했습니다.
- 운영 중인 화면은 기존 동작에 미치는 영향을 기준으로 전면 전환과 점진적 전환을 나누고, 작은 UI부터 검증하세요.
- 텍스트와 다른 요소의 세로 정렬이 어긋나면 `alignByBaseline`을 적용해 기준선을 맞출 수 있습니다.
- `InlineTextContent`를 사용하면 Compose 텍스트 안에 아이콘 같은 컴포저블을 삽입할 수 있습니다.
- 동적 크기 측정이나 자식 배치 결과에 따른 레이아웃이 필요할 때는 `SubcomposeLayout`을 검토하세요.
- 레이아웃 인스펙터의 리컴포지션·스킵 카운트와 `TextMeasurer`를 활용해 성능과 텍스트 크기 측정을 확인할 수 있습니다.
소개
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 요즘 다들 컴포즈로 개발한다던데, 우리는 아직 XML로 작성되어 있는데, 괜히 바꾸었다가 문제가 생기는 거 아니야? 완전 다른 방식인데 어떤 점을 신경써야 하지? 고민하신 적 있나요? 커머스Android팀에서 XML → Compose 전환하면서 겪은 사례들을 소개합니다. ㅤ 👉 발표자 소개ㅤ 박정운, Android 개발자
비슷한 학습 자료
컨퍼런스 우아콘 2025
Compose Text 통합 진단: 이슈 분석과 디자인시스템 적용 전략 #우아콘2025 #우아한형제들
컨퍼런스 우아콘 2024
디자인 가이드를 넘어 비로소 시스템으로, 우아한공방 코어시스템 #우아콘2024 #우아한형제들
컨퍼런스 우아콘 2024
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 방대한 컴포넌트 라이브러리와 빼곡한 원칙들이 존재함에도 불구하고, 우리는 왜 끊임없이 새로운 시스템을 만들어야 할까요? 디자인 시스템을 단순 스타일 가이드를 넘어 진정한 '시스템'으로 작동하게 하려면 어떻게 해야 할까요? 1년 6개월간 “우아한형제들”의 디자인 시스템 여정을 통해 얻은 인사이트를 공유하며, Base Component와 Foundation API를 통해 코드를 효과적으로 연결하고, 이를 통해 디자이너와 엔지니어의 비효율적인 프로세스를 최소화하고, 보다 중요한 고민에 집중할 수 있는 방법들을 소개합니다. ㅤ 👉 발표자 소개ㅤ 허준, UX엔지니어
프론트엔드 UI/UX
컨퍼런스 우아콘 2024
오픈형 멘토링: Android - 강경완, 김상국 멘토 #우아콘2024 #우아한형제들
컨퍼런스 우아콘 2022