원티드 앱에 Compose 적용해보기 — 2

이 글은 원티드 앱에 Jetpack Compose를 적용하는 두 번째 이야기로, 기존 XML 레이아웃에서 Composable UI를 사용하는 방법을 다룹니다. 특히 에러 발생 시 표시되는 커스텀 UI인 ErrorView를 Compose로 변환하고, 이를 XML에서 활용할 수 있도록 구현하는 과정을 상세히 설명합니다.

Composable 함수를 정의하고 필요한 리소스(이미지, 문자열)를 Painter와 stringResource로 가져오는 방법을 보여주며, Modifier를 사용하여 UI 요소의 크기, 패딩, 정렬 등을 설정하는 예시를 제공합니다. 이를 통해 기존 Android 개발 환경에서 Compose를 점진적으로 도입하는 실질적인 방법을 제시하며, UI 개발의 효율성과 유연성을 높이는 방안을 모색합니다.