Compose를 사용하여 생산성 향상을 확인한 Square
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Square는 수백만 명의 판매자가 안전한 신용카드 처리부터 POS 솔루션, 무료 온라인 상점 설정에 이르기까지 비즈니스를 운영할 수 있도록 지원합니다. Square는 한동안 선언적 UI로 전환해 왔지만 자체 프레임워크를 계속 빌드하는 대신 Jetpack Compose로 전환하여 유지관리 비용을 피하고 Android Views 시스템에 비해 개선된 기능을 활용하기로 했습니다.
진행한 작업
Square팀은 디자인 시스템팀과 제품 엔지니어가 더 빠르게 움직일 수 있도록 Compose로 디자인 시스템을 구축하기 시작했습니다.
앱이 이미 단방향 데이터 흐름 아키텍처로 구성되어 있기 때문에 제품 엔지니어가 한 번에 한 화면씩 Compose로 쉽게 전환할 수 있습니다. Compose를 채택하는 동안 '때로는 너무 간단해서 더 복잡할 것으로 예상됩니다. 모든 것이 쉽게 작동하죠.'
결과
“Compose를 사용하면 선언적 UI 프레임워크 빌드에 따르는 광범위한 문제를 해결할 필요 없이 Square와 UI 인프라의 고유한 사항에 집중할 수 있습니다.”
엔지니어링팀은 Compose를 통해 생산성이 향상되어 코드를 더 쉽게 추론하고, 정리하고, 작성할 수 있었으며 Android 스튜디오 도구를 통해 많은 시간을 절약할 수 있었습니다.
'구성요소의 스타일을 지정하는 것이 더 간단하고 빠릅니다. 복잡한 구성요소의 코드도 쉽게 읽을 수 있습니다. Compose에서는 코드를 정리하고 읽기 쉽게 만드는 것이 더 쉽습니다. Compose의 레이아웃 시스템은 개념적으로 더 단순하기 때문에 추론하기도 쉽습니다. 구성요소를 빌드할 때 미리보기를 사용하면 시간을 크게 절약할 수 있습니다.”
시작하기
Compose에 대해 자세히 알아보세요.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2021-07-28(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2021-07-28(UTC)"],[],[],null,["# Square sees increase productivity with Compose\n\n[Square](https://squareup.com/) helps millions of sellers run their\nbusiness -- from secure credit card processing to point of sale solutions to\nsetting up a free online store. Square has been moving to declarative UI for\na while but rather than continuing to build their own framework, they decided to move to\nJetpack Compose, avoiding the maintenance costs and taking advantage of the\nimprovements it brings over the Android Views system.\n\nWhat they did\n-------------\n\nThe Square team started building their design system in Compose, with the goal\nof enabling their design system team and product engineers to move faster.\nBecause their app is already organised with a unidirectional data flow\narchitecture, *\"It's really easy for product engineers to swap in Compose one\nscreen at a time.\"* While adopting Compose, they've seen that *\"sometimes it's\nalmost so simple you expect it to be more complicated. **Things just work.**\"*\n\nResults\n-------\n\n*\"By using Compose, we can **focus on things that are unique to Square** and our UI\ninfrastructure, rather than solving the broader issue of building a\ndeclarative UI framework.\"*\n\nThe engineering team found that Compose improved their productivity, making the\ncode easier to reason about, organise, and write, and the Android Studio\ntooling saved them a lot of time.\n\n*\"It's **simpler and faster to style components** . Reading the code for complicated\ncomponents is easier as well. It's **easier to organize code and make it\nreadable** in Compose. The layout system of Compose is conceptually simpler so\nit's **easier to reason about. Previews are a big time saver** when building\ncomponents.\"*\n\nGet started\n-----------\n\nLearn more about [Compose](/jetpack/compose)."]]
