Android studio Flamingo 안드로이드 스튜디오의 플라밍고 기능이 정식으로 릴리즈 되었습니다. 사실 요새는 버전이 올라갈때마다 사용성이 급격하게 좋아짐을 느끼는데, 이번에는 network inspector가 어마어마 하게 좋아진것 같습니다. (이전버전에도 그랬는지 모르겠지만 거의 안쓰더 기능이라..) Android studio는 버전이 올라가면 그냥 그런가 보다..하고 쓰기 마련인데, Network Inspector를 얘기하기 위해서 간략하게 추가된 기능들을 보겠습니다. 그전에 이번 버전은 IntelliJ 2022.2.1 platform이 적용되었다고 합니다. 일단 사용성이 올라감은 물론이고 알게 모르게 코딩이 편해지는 사용성이 향상될것으로 기대합니다. (현재 2023.1까지 나와 있는데, 1년전 platform을 넣었네요.) UI.. 개발이야기/Android 2023. 4. 15. 16:14
[Android] Compose 성능 최적화 - Recomposition 분석#3 이 글은 android developer 공식 페이지와 Android dev summit '22의 내용을 기반으로 작성되었습니다. Rcomposition의 단계 Recompose는 param이 (data) 변경되었을때 이를 Compose가 확인하여 화면을 재구성하는것을 말합니다. Recomposition은 세단계로 나뉩니다. 1. Composition: 화면에 표시할 Composition tree를 그립니다. 즉 어떤 composable function은 조건에 따라 숨겨질수도 있고, 보여져야 하는지, 또한 어느 component 간에 어떤 tree 구조로 부모 자식 자식관계를 갖는지를 결정합니다. 즉, 무엇을 보여줄지 결정합니다. - What to show 2.Layout: 선택된 Component들이.. 개발이야기/Android 2022. 11. 25. 09:20
[Android] Compose 성능 최적화 - Code tips #2 Compose는 기존에 xml보다 심플한 구현을 제공합니다. 선언형 UI framework에 대한 장점은 기본 도입부의 개요부터 지속적으로 나오고 있는 내용들이라 여기서 더이상 언급하지는 않습니다. 다만, 구현의 편리성과 modern항 개발 방식을 지원하는 한편 성능에 대한 이슈가 끊임없이 나옵니다. 즉 화면에 그리기는 쉽지만, 빠르게 그리려면 Compose의 동작방식을 이해하고 개발자 스마트하게 코드를 작성해야 합니다. 이번 블로그에서는 초보 compose 개발자들이 composable function을 구성하면서 정확한 사용방법에 대한 이해가 부족했던 부분들을 채워보는 형태로 진행합니다. 이글은 android 공식 developer 페이지의 compose 성능 파트와, android dev summi.. 개발이야기/Android 2022. 11. 22. 22:39
[Android] Compose 성능 최적화 - 설정편#1 R8 Compiler & release mode Compose의 성능향상을 위한 시작은 환경설정부터 시작합니다. R8 컴파일러를 사용해야 하며, debug mode가 아닌 release모드에서 사용해야만 실제 compose의 성능을 확인할수 있습니다. R8 컴파일러 자체가 proguard를 통한 코드 최적화, 리소스 최적화, 난독화를 하는 작업을 수반하므로 debug 모드가 아니여야만 성능이 제대로 나온다는 말은 사실 동일한 문맥상에 있는 말입니다. Android Gradle plugin 3.4.0 이상이면 더이상 proguard를 사용하여 최적화 작업을 하지 않습니다. 이 작업을 R8이 대신 작업합니다. 물론 proguard의 난독화를 위한 예외 규칙들은 그대로 R8에 호환되어 컴파일 됩니다. 해당 버.. 개발이야기/Android 2022. 11. 21. 21:42
[Compose] Button Selector in Android Jetpack Compose는 기본적으로 click 효과로 ripple을 사용합니다. 이는 Material design의 기본 구성 요소로 기존에 버튼의 클릭 효과를 따로 구현할 필요 없이 기본적으로 적용되는 효과입니다. 따라서 button이나 text에 클릭을 구현 시 기존 방식인 selector라는 개념이 없습니다. 예전에는 view 요소에 아래와 같은 다양한 상태를 가지도록 하여 색상이나 아이콘을 다르게 표현했었습니다. Pressed Selected enabled ... 이를 xml로 만들면 아래와 같습니다. 하지만 Compose에서는 xml을 사용하지 않으며, kotlin 코드를 직접 사용하기에 enabled나, selected에 따른 변경은 아래와 같이 직접 code로 처리하면 됩니다. @Composable .. 개발이야기/Android 2022. 2. 28. 17:05
[Compose] Desktop application 개발 Compose는 android에서 사용되는 선언형 UI Framework입니다. 이는 Kotlin으로만 작성되는데, Compose multiplatform을 이용하면 Desktop application의 UI를 compose를 사용하여 구현할 수 있습니다. [1] Android Jetpack Compose의 개념을 도입하여 구현하기 때문에 Android, Desktop, Web app에 동일한 코드를 공유할 수 있다는 장점이 있습니다. 게다가 JVM 위에서 실행되기 때문에 Mac, Window, Linux에서 모두 동작이 가능합니다. Compose 하나로 desktop의 UI를 개발할 수 있다는 어마어마한 장점을 갖기에 모바일 개발자가 부담 없이 Desktop app이라는 영역에 한발 다가갈 수 있습니다.. 개발이야기/Kotlin 2022. 2. 18. 15:31
[Compose] Under the hood of Compose - @Compose, Positional Memoization 이 글은 medium.com에 있는 compose 내부 동작에 관련된 두 번째 posting인 https://medium.com/androiddevelopers/under-the-hood-of-jetpack-compose-part-2-of-2-37b2c20c6cdd 의 내용을 번역 및 의역하였습니다. 첫 번째 포스팅은 Compose 용어의 의미부터, 기존 방식과 선언형 방식, kotlin domain으로 UI 요소가 넘어오면서의 이점을 설명합니다. 따라서 첫 번째 포스팅을 읽으면 Compose가 나오게 된 배경이나 당위성에 대한 이유를 좀 더 명확하게 이해할 수 있습니다. (개인적으로는 Android Developer의 공식 페이지에서 왜 Compose를 써야 하는지에 대한 내용보다 더 와닿았습니다. [.. 개발이야기/Android 2021. 11. 19. 12:58
[Compose] Understanding compose lifecycle and recomposing with case study 이전 글에도 google summit에서 언급한 compose의 performance에 대한 글을 포스팅했지만, 어느 정도 compose의 사용법에 대해서 알고 나니 아무래도 성능에 대한 관심이 쏠립니다. 다르게 얘기하면 compose의 내부 동작에 대한 궁금증이 자꾸만 샘솟습니다. "내가 짠 좀 복잡한 화면의 compose 화면은 느린데, 왜 google은 compose가 쉽고, 빠르다고 하는걸까?" 에 대한 질문은 계속 던지게 됩니다. 따라서 성능과 내부 동작에 관현 글을 읽으면서 느끼는 건 딱 두 가지입니다. 1. "구글이 말하길 네가 compose를 잘 못써서 그래.. 마치 PC가 고장 나면 유저 탓인 것처럼??" 2. "성능 관련된 예제를 보면 이해가 가는데.. 당최 어떻게 써야 할지 감이 없네.. 개발이야기/Android 2021. 11. 16. 17:53
[Compose] Google Summit 2021 - Deep dive into Jetpack Compose layouts Compose로 샘플 앱을 봤을때도 그렇고, 직접 화면을 제작해 보니 기존 xml로 만든 화면보다는 무언지 모를 이질감이 있습니다. 여기서 말하는 이질감은 화면의 미세한 버벅임을 말합니다. 물론 제가 아직 compose를 사용하는 걸음마 단계로 화면을 구현하는데 급급하여, 성능 부분은 미쳐 신경을 쓰지 못하는게 이유이기는 합니다. 게다가 다년간 xml로 만들어온 경험과 개선된 방법을 익히고 적용하며 개발자들한테 compose의 방식은 생소하고 어렵게만 다가옵니다. 기본적인 컨셉의 이해부터 화면의 배치나 구성하기도 어려운데 그걸 이용하여 다양한 효과를 표현하고 성능까지 잡아야 한다면 Compose 적용 자체가 부담스러울수 밖에 없습니다. Compose에 대한 정보는 google 공식 사이트의 문서밖에 없는.. 개발이야기/Android 2021. 11. 15. 14:29
[Compose] 11. State holder Stateful 한 Composable이 존재할 때 state hoisting을 하기 위한 pattern과 이에 대한 장점에 대해서는 앞서 얘기했습니다. [1] Composable에 state가 여러 개 존재하는 경우 관리를 쉽게 하기 위하여 한 곳에 모아놓는걸 State holder라고 하며, 이럴 경우 Caller에서 상태를 좀 더 쉽게 제어할 수도 있습니다. 이외에도 연관있는 상태들을 한 번에 묶이므로 state hoisting이 좀 더 유연해지며, composable의 재활용성도 올라갑니다. 기본 예제 단순하게 입력을 처리하는 TextField를 아래와 같이 작성했습니다. @Composable fun FavoriteFoodInput(onFavoriteFoodInputChanged: (String).. 개발이야기/Android 2021. 10. 11. 01:54
[Compose] 10. Intrinsic Measure Compose는 child elements를 한번만 measure할수 있습니다. 그렇지 않으면 runtime에서 exception이 발생합니다. 하지만 childe elements를 측정하기 전에 미리 특정 정보가 필요한 경우 Intrisic measure를 사용하며 이 사용법에 대해서 알아봅니다. 이 글은 Android developer 공식 사이트에서 제공하는 문서를 기반으로 의역, 번역하였습니다. [1] Intrinsic 명령어를 사용하면 child를 measure하기 전에 query해 볼수 있습니다. (min|max)IntrinsicWidth: height가 주어진 상태에서 content를 그리기 위해 필요한 최소/최대의 width 반환 (min|max)IntrinsicHeight: width가 .. 개발이야기/Android 2021. 10. 4. 23:57
[Compose] 9. Constraint layout Compose에 대한 내용을 언급하던 중에 Constraint layout이란 항목이 갑자기 튀어나옵니다. 한껏 Column, Row, Box란 view group 역할을 하는 composable을 한껏 제공해 주고 나서 말이죠. 게다가 Constraint layout은 기존 View group 방식에서 view group의 중첩, 다시 말해 layout의 depth가 깊어지는 걸 막기 위해 2017년에 새롭게 등장한 layout입니다. CustomLayout에서 이미 봤듯이 Compose에서는 measure가 한 번만 가능하기 때문에 View의 depth가 깊어지더라도 문제가 발생하지 않습니다. 다만 Compose에서의 Constratin layout은 뷰의 구조가 복잡할 때, 여러 view들 간의 상.. 개발이야기/Android 2021. 10. 4. 00:56
[Compose] 8. Complex custom layout - staggered layout 실제로 개발을 하다 보면 custom view를 만들어야 하는 경우가 종종 발생합니다. 여러뷰를 합친 view group 역할을 하는 custom view를 생성해야 할 때도 있고, 단일 view에서 내부적인 아이템 배치를 다르게 하기 위해서 custom view를 만들기도 합니다. 이미 compose에서 Layout을 이용하여 custom view를 만드는 기본적인 방법은 앞쪽에서 설명했습니다.[2] 이번에는 좀 더 복잡한 staggered layout을 만들어 보도록 하겠습니다. 물론 기본적인 내용만 알고 있다면 쉽게 만들 수 있습니다. 이 글은 Android developer 공식사이트에서 제공하는 문서를 기반으로 의역, 번역하였습니다. [1] 위 그림은 안드로이드에서 제공하는 Material St.. 개발이야기/Android 2021. 10. 1. 09:57
[Compose] 7.Custom Layout 이 글은 Android developer 공식사이트에서 제공하는 문서를 기반으로 의역, 번역 하였습니다.[1] Compose는 여러개의 composable function이 모여서 하나의 UI (화면)을 구성합니다. 이러한 각각의 요소들이 Box, Column, Row 안에 배치되어 UI tree를 구성하고 render되어 화면에 그려집니다. 위에서 언급한 세가지의 Composable 이외에 custom 하게 배치하는 layout을 만들려면 Layout composable을 이용해야 합니다. 실제로 Column의 코드를 따라가 보면 아래와 같이 표현되어 있는 걸 알 수 있습니다. // 실제 Column의 구현 코드 @Composable inline fun Column( modifier: Modifier .. 개발이야기/Android 2021. 9. 30. 11:55
[Compose] 6. Side-effects - LaunchedEffect, rememberCoroutineScope, rememberUpdatedState, DisposableEffect, SideEffect, produceState, derivedStateOf, snapshotFlow side-effect란 Compose function 외부에서 발생하는 앱 상태의 변화를 말합니다. 이전에 언급했듯이 Composable function은 side-effect에 free 해야 합니다. 다르게 말하면 compose를 변화시키기 위해서는 변경된 param을 통해서 재호출하는 형태만 존재해야 하며, compose 함수 내부에서 외부에 있는 변수나, 동작에 영향을 주도록 구성되어서는 안 됩니다. (이는 compose의 lifecycle에 의해서 recompose가 수시로 발생할 수 있고, 여러 thread에서 호출될 수 있기 때문입니다.) 하지만 Compose 내부의 동작으로 인하여 외부의 상태가 바뀌어야 하는 경우가 발생할 수 있기 때문에 이때는 Compose의 lifecycle을 인식하고,.. 개발이야기/Android 2021. 9. 25. 17:38
[Compose] 5. LifeCycle, Recomposition의 내부 동작, Call site, @Stable 이 글은 Android developer 공식 사이트에서 제공하는 문서를 기반으로 의역, 번역 하였습니다.[1] Composable의 Lifecycle Composition이란 이전 포스팅인 State management에서 언급했듯이 앱의 UI를 구성하는 composable functions의 tree 구조를 말합니다. [1] Jetpack Compose는 initial composition에서 composable function을 실행시켜 UI를 생성하고, 해당 composable 들을 추적합니다. 앱의 상태가 변경되면 변경이 필요한 composable들을 예약하고 recomposing 시킵니다. Composable의 생명주기는 위와 같이 enter, 0번 이상의 recomposition, leave.. 개발이야기/Android 2021. 9. 21. 00:38
[Compose] 4. 상태관리 - hoisting, mutableState, remember, rememberSaveable, Parcelize, MapSaver, ListSaver State 란? Room database부터 클래스의 변수까지(최하위에서부터 최상위레벨 까지) 앱은 시간에 따라 계속적으로 상태가 변화합니다. Android의 앱들은 이렇게 변화하는 상태를 사용자에게 화면에 표시하여 인지하도록 해 줍니다. 예를 들면, 네트워크가 끊어졌을 때 Snackbar로 알림 표시 블로그의 포스팅과 댓글 표시 버튼을 눌렀을 때 ripple 효과 사용자가 사진 위에 그려서 붙이는 sticker 이 글에서는 앱에서 Compose로 상태를 표시할 때 해당 상태가 어디에 위치해야 하며, 어떻게 저장되고 사용되는지에 대한 내용을 다룹니다. 또한 Jetpack Compose에서 이러한 상태들을 연결하고 관리하기 위해 제공하는 API들에 대해서 얘기합니다. 이 글은 Android develope.. 개발이야기/Android 2021. 9. 19. 23:36
[Compose] 3. 선언형(Declarative) UI와 Recomposition 이미 앞에서 compose에 대한 기본 구조 및 예제에 대해 설명했습니다. 이제, Compose의 중요한 concept에 대한 선언형 (Declarative) UI에 대해서 설명합니다. 이 포스팅을 예제보다 먼저 쓰지 않은 이유는 Compose의 개념과 사상에 대해서 먼저 기술하는 경우 기술문서를 읽다가 지치기 십상이기 때문입니다. 이 글은 Android developer 공식 사이트에서 제공하는 문서를 기반으로 의역, 번역 하였습니다.[1] 선언형 프로그래밍의 paradigm 기존의 안드로이드에서는 유저의 상호작용이나 개발자의 의도로 특정 Data가 변경되는 경우 직접 UI widget에 접근하여 데이터를 변경했습니다. 즉 TextView.setText, container.addChild(View) 등.. 개발이야기/Android 2021. 9. 14. 00:47
[Compose] 2. Layout의 기본(2/2) - Lazy List, Coil, Scroll, Sticky header 지난번 2.layout의 기본(1/2) [2]에 이어서 가장 흔하게 쓰이는 list에 대한 layout에 대해서 얘기해 봅니다. 화면에서 item을 구성하는 리스트는 흔하게 존재하는 UX입니다. 많은 데이터를 보여주기에 적합한 형태이기 때문에 Compose에서는 기본적으로 Column과 Row로 이를 구현하며, 화면에만 보이는 compose만 그리도록 하는 lazy list를 이용하여 기존의 RecyclerView를 대체합니다. 이 글은 Android developer 공식 사이트에서 제공하는 문서를 기반으로 의역, 번역 하였습니다.[1] 먼저 100개의 item을 표시하는 순서대로 (Vertically) list로 만들어 보여주기 위해 아래와 같이 구현할 수 있습니다. @Composable fun Si.. 개발이야기/Android 2021. 9. 5. 12:38
[Compose] 2. Layout의 기본(1/2) - CompositionLocal, Modifier, scaffold 지난번 포스팅에 이어 화면을 구성하고 배치하기 위한 Layout에 대해서 자세히 알아봅니다. 여기서는 compose의 높은 레벨(Material components)에서 실제 화면에 구성요소를 배치하는 하위 레벨의 Layout까지에 대해서 다룹니다. 물론 Material Design을 베이스로 쓰지 않을 경우에 custom형태로 layout을 생성하는 것까지도 추후에 알아보도록 합니다. 이 글은 Android developer 공식 사이트에서 제공하는 문서를 기반으로 의역, 번역 하였습니다.[1] Modifiers 앞서 기본에서도 많이 사용했지만 Modifier는 Compose의 동작이나, 형태, 접근성(Talk back == accessibility)에 대한 정의를 할 뿐만 아니라 clickable, .. 개발이야기/Android 2021. 8. 31. 22:56
