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

Taehwan kwon (theo)

about 1 month ago(Edited)

6 min read

커스텀 디자인 시스템을 만들더라도 결국 구글의 Scaffold를 들여다봐야 하는 이유는 무엇일까요?

·Compose 계층 구조의 이해: 모든 Material 컴포넌트는 결국 Foundation과 UI 레이아웃을 기반으로 구축되어 있으며, 필요에 따라 선택적으로 라이브러리를 적용할 수 있습니다.

·Scaffold의 활용성: TopAppBar, FloatingActionButton, Drawer 등 복잡한 표준 UI 레이아웃을 빠르게 구성할 수 있는 기본 틀을 제공하여 개발 속도를 높여줍니다.

·Material 버전별 차이: Material 3는 ScrollBehavior 등 세부 제어 기능이 강화되었으나, BottomSheet와 같은 특정 컴포넌트의 지원 방식이 버전마다 다르므로 설계 시 고려가 필요합니다.

SeriesPart 4 of 7

Android Compose

View All

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

Compose Navigation - WebView Recomposition 해결?

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 Navigation - WebView Recomposition 해결?

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