pile·
모바일·NOL TechNOL Tech·

[Jetpack Compose — Part 2] Compose, 실전에서 빛을 발하다: 코드는 1/4로, 생산성은 4배로!

문제기존 View 시스템은 리브랜딩 시 모든 XML을 수동 수정해야 하고, 다크모드·폰트 크기 등 다양한 환경 검증이 번거로웠다.
접근Jetpack Compose로 디자인 시스템 구축. CompositionLocal로 커스텀 테마 관리, Slot API로 재사용 가능한 컴포넌트 조합 구조 설계. animate*AsState로 선언적 애니메이션 구현. 커스텀 어노테이션으로 4가지 환경(기본·넓은 기기·작은/큰 폰트) 스크린샷 테스트를 자동화했다.
결과코드 1/4 감소, 생산성 4배 향상. 리브랜딩 시 색상값 한 줄 변경으로 전체 앱에 즉시 반영됐다.
NOL Tech
NOL Tech 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한

  1. 모바일·토스 SLASH토스 SLASH·

    디자이너가 시안 대신 앱을 만든 이유

    토스 UX 디자이너가 AI를 협력자로 삼아 피그마 시안 대신 실제 SwiftUI 코드로 iOS 앱을 직접 구현한 경험을 다룬다. "데드엔드" 화면(송금·결제 완료 등)을 다음 경험의 시작점으로 전환하는 underlay 컴포넌트를 설계하면서 Metal 셰이더 구현까지 디자이너가 주도했고, 완성된 코드를 개발팀에 전달해 협업 방식 자체를 바꿨다.

    #design-system#ai-coding#ios+2