Monzo는 은행 및 앱에서 제공하는 상품입니다. 있습니다. 모든 사람이 돈을 효과적으로 활용할 수 있도록 돕는 것을 사명으로 삼고 있습니다. Monzo의 디자인 시스템이 머티리얼 디자인에서 벗어나기 시작했기 때문에 그들은 커스텀 구성요소를 쉽게 작성하고 유지관리할 수 있는 방법을 원했습니다. 끊임없이 진화하므로 Jetpack Compose를 선택했습니다.
진행한 작업
Compose를 사용하면 Material Design 구성요소가 기반 API를 제공합니다. Monzo는 Foundation API를 사용하여 자체 구성요소 라이브러리를 생성할 수 있습니다. 한 번에 한 화면씩 이전하는 것으로 시작하여 이제 모든 새 화면에서 Compose를 사용하고 있습니다. 이제 Compose는 모든 Android 엔지니어가 프로덕션에 사용합니다. “우리는 큰 문제를 겪지 않았다는 확신을 갖고 일부 신규 기능에 사용하고, 최종적으로는 모든 새 기능에 사용합니다.”
결과
Monzo팀은 새로운 애플리케이션을 쉽게 빌드할 수 있는 구성요소를 만들었습니다. "즉시 사용 가능한 구성요소 덕분에 훨씬 원활한 환경을 경험할 수 있습니다. 슬롯 기반 API는 여러 작은 빌딩 블록으로 더 큰 구성요소를 쉽게 빌드할 수 있는 멋진 패턴입니다."
Monzo팀은 Compose를 사용하여 이전에는 스프린트에서 다룰 수 없었던 멋진 기능을 추가하여 더 높은 품질의 앱을 빌드할 수 있었습니다. “예를 들어 애니메이션이 있습니다. Compose에서 애니메이션을 추가하는 것이 너무 쉽기 때문에 색상/크기/고도 변경과 같은 항목에 애니메이션을 적용하지 않을 이유가 거의 없습니다. '있으면 좋은' 애니메이션은 그만한 가치가 없을 때가 많습니다. 할 수 있습니다."
이제 코드가 더 짧아지고 읽고 이해하고 유지하기가 더 쉬워졌습니다. “선언적 코드는 변경 가능한 UI 계층 구조를 조작하는 코드보다 훨씬 더 쉽게 추론할 수 있습니다. 또한 Kotlin과 XML 사이를 전환하는 것이 아니라 모든 것이 같은 언어로 종종 같은 파일에서 작성되면 코드를 추적하기가 훨씬 쉬워집니다. XML 테마와 스타일은 시작도 하지 마세요. Compose에서 테마 설정을 이해하기가 훨씬 쉽습니다. Google의 테마는 정의된 속성으로만 구성되며 값은 기기 전반에서 일관됩니다. Kotlin으로 작성되어 IDE에서 쉽게 검색하고 따라갈 수 있습니다."
Monzo팀은 Compose를 통해 앱을 쉽게 테스트하고 “그 덕분에 취약성이 적고 안정적으로 실행되며 앱이 실제로 주인의 손에서 작동한다는 것을 있습니다. 시맨틱 시스템을 통한 테스트를 통해 화면에 기본적으로 적절하게 액세스할 수 있는지 확인할 수도 있습니다."
시작하기
편지쓰기에 대해 자세히 알아보세요.