안드로이드 Compose Preview를 잘 활용하는 방법은? - 함수를 잘 분리하자.

Taehwan kwon (theo)

about 1 month ago(Edited)

6 min read

ViewModel과 DI 때문에 멈춰버린 Compose Preview, 해결책은 결국 '함수 분리'와 'CompositionLocal'에 있습니다.

·함수 분리 전략: ViewModel을 처리하는 컨테이너, 상태값을 받는 UI 함수, Preview용 함수로 3분할하여 가시성을 확보한다.

·CompositionLocal 활용: ViewModel을 하위 함수에 일일이 전달하는 대신 CompositionLocal에 담아 관리하여 코드 수정 포인트를 줄인다.

·생산성 도구 도입: KSP 기반의 라이브러리를 사용해 반복적인 Provider 코드를 자동 생성하고 Android Studio의 Preview 기능을 극대화한다.

SeriesPart 3 of 7

Android Compose

View All

안드로이드 Compose Material 2 컬러 정보를 알아보자

안드로이드 Compose Scaffold, TopAppBar 활용한 개발

Taehwan kwon (theo)

@taehwandev

[안녕하세요, 태환입니다] 글쓰기 플랫폼 KeyFlow의 운영과 개발을 총괄하고 있는 태환입니다. 사용자가 생각에 집중할 수 있는 환경을 만들기 위해 플랫폼인 키플로우 전체의 기획부터 배포, 관리를 리딩하고 있습니다.

[경험 및 전문성]

KeyFlow Management: 서비스의 전반적인 운영을 책임지고 있습니다.
Mobile Engineering: 안드로이드와 iOS 플랫폼 모두에서 안정적이고 매끄러운 사용자 경험을 구현합니다. 기기의 특성에 최적화된 에디터와 기능을 개발하는 데 강점이 있습니다.
Openness & Stability: 플랫폼의 개방성을 확대하면서도, 시스템의 안정성을 놓치지 않는 균형 잡힌 개발 철학을 추구합니다.

[목표] 단순한 기능 구현을 넘어, 전 세계 사용자가 언어의 장벽 없이 소통할 수 있는 글로벌 플랫폼으로 KeyFlow를 성장시키는 것이 저의 목표입니다.

기술 스택 요약 (Tech Summary)

Mobile: Android (Kotlin/Java), iOS (Swift)
Highlight: GitHub Gist Integration, AI Language Detection, Cross-platform Optimization

                    kotlin
                    
                

                    1
2
3
4
5
                
data class User(
  val name: String = "taehwan",
  val bio: String = "Android, iOS",
  val nickName: String = "Theo",
)

Next: 안드로이드 Compose Scaffold, TopAppBar 활용한 개발

Was this helpful?Your support means a lot to the author.