생각저장소 (배움의길에서 만나는 이야기)

Jetpack Compose에서 Navigation 구현하기: compose-destinations와 AnimatedBottomBarCompose 사용 소개이번 포스트에서는 Jetpack Compose에서 네비게이션을 구현하는 방법을 다룹니다. 특히, compose-destinations와 AnimatedBottomBarCompose 라이브러리를 사용하여 스타일리시한 하단 네비게이션 바를 만드는 방법을 설명합니다.1. 의존성 추가먼저, build.gradle 파일에 필요한 의존성을 추가합니다.Kotlin dependencies { implementation("io.github.raamcosta.compose-destinations:core:1.7.0-beta") ksp("io.github.ra..

Compose to Kotlin Compatibility 을 구글에서 검색을 해 보았습니다. 여기서 첫번째 나온 것을 클릭해 봅니다. 한국에 위치하고 있고 크롬의 설정에 따라 다른 결과를 얻을지도 모르지만, 저의 경우는 아래와 같이 한국어에 페이지가 나옵니다. 이 페이지에서 나오는 것으로 봐서는 1.4.3 까지 패치된 것으로 오해할 수 있도록 보여 주고 있습니다. (2024.01.04 현재까지) 하지만, 이는 구글이 페이지를 한국어로 전환을 하지 않아 발생하는 현상으로 보입니다. 그래서 저는 저기 나온 url 의 ko을 en으로 변경해 보겠습니다. 여기서 나오는 버전의 표기는 1.5.7 이 최신 버전으로 보입니다. (2024.01.04 현재) 향상 최신 버전을 확인하고 작성을 해 두는 것이 최선(?)일 ..

https://android-developers.googleblog.com/2023/08/whats-new-in-jetpack-compose-august-23-release.html What’s new in the Jetpack Compose August ’23 release News and insights on the Android platform, developer tools, and events. android-developers.googleblog.com 이 글은 위 링크에서 퍼온 글입니다. 앱 개발에서 차지하는 비용(?) 중에서 UI 구성은 많은 부분을 할애하도록 합니다. xml layout 을 이용해서 작업을 할 때보다는 compose을 활용하는 것이 효율성이나, 재활용성에 있어서는 많은 도움..

xml layout 에서 jetpack compose로 이전을 하는 과정에서 범하는 실수 중에 한 가지를 기술해 두고자 합니다. 위 그림과 같이 카카오 X으로 로그인하는 페이지를 jetpack compose로 만들어 간다고 했을 때 이렇게 구현을 하게 될 듯합니다. TextButton(onClick = { doKakaoLogin() }) { Image( painter = painterResource(id = R.drawable.kakao_login_medium_wide), contentDescription = "", modifier = Modifier .width(300.dp) .height(45.dp) ) } 카카오에서 지원해 주는 로그인 연동 버튼이미지를 넣어서 이미지 버튼을 하나 만들어 보려고 했습..

앱을 만들다 보면 지도가 들어가는 앱을 만들게 되는 경우가 있다. GoogleMap API 등을 이용해서 앱을 만들게 되는 데, 이번에는 Jetpack Compose 기반의 GoogleMap 을 구현해 볼까 한다. 아직은 예전 java 코드에서 kotlin 코드로 이전 작업을 하는 중이라 미완성의 모습으로 보이는 데, 일단, 앱에 구글맵을 넣어 보았다. 먼저 gradle 파일에 추가해야 하는 것들은 다음과 같다. // compose Maps implementation 'com.google.android.gms:play-services-maps:18.1.0' implementation "com.google.accompanist:accompanist-permissions:0.26.0-alpha" implem..

https://flatteredwithflutter.com/using-compose-destinations%ef%bf%bc/ Using compose destinations We will cover briefly: Current navigation in composeUsing compose destinations(Optional) Modify existing test cases Current navigation in compose We get Compose Navigation from the Jetpack Com… flatteredwithflutter.com navigation 의 첫 이야기 다음... 그것을 어떻게 풀어낼 것인가를 찾아 돌아다니다가 또 하나의 링크를 찾았다. 이것을 보면서 이해를 하기..

https://medium.com/@ibrajix/how-i-built-this-nice-looking-app-using-jetpack-compose-3974db7eb9e How I built this nice looking app using Jetpack Compose Jetpack compose is the future of building UI’s on Android. ibrajix.medium.com 이 글을 읽고 있는 중이다... kotlin을 이용해서 앱을 구현해 보고 있는 중이라서... 이글에는 splash 화면에 대한 이야기도 있는 것 같고, navigation에 대한 이야기도 있는 듯하다. navigation 은 원래 이분이 작성한 것은 아닌 듯하고, 저 글에서 봐야 하는 것은 splas..

앱을 만들다 보니 이런 건도 알고 있어야 하네... Caused by: org.gradle.api.GradleException: Compilation error. See log for more details 이 메시지를 보기 전에 지나가버린 메시지 가 있는데, 그건 잘 보이지 않는 경우가 있다. 그래서 빌드창을 위아래로 드래그를 해 봐도 이것만 봐서는 알 수가 없고, 구글링을 해도 딱히 맞는 오류 대처 방안이 보이지 않는 다. 그래서 다시 빌드를 하면서 메시지들이 넘어가지 않도록 조절을 해서 찾은 이전 메시지 앞에서 로그의 자세히 보라고 했으니 잘 찾아 보았다면 헤매지 않아도 되겠지만, 영어가 짧은 개발자는 마지막 메시지를 그냥 구글링을 해 보게 된다는 것이다. ㅋㅋ~ 그래서 찾은 상세 메시지에는 kot..

https://medium.com/firebase-tips-tricks/how-to-upload-an-image-to-cloud-storage-and-save-the-url-in-firestore-42711ca1df46 How to upload an image to Cloud Storage and save the URL in Firestore? A simple solution for saving an image to Firebase Storage, writing the URL in Firestore, and reading it back using Jetpack Compose. medium.com 요새 작업중인 앱에 적용해 볼 요량으로 이런 자료를 찾고 있었는데, 마침 찾았다. 잊을 까 싶어 링크를 걸어두..

https://medium.com/@cybercoder.naj/compose-navigation-in-3-minutes-5cff3c57c34e Compose Navigation in 3 Minutes Quick guide for navigation between composables in a Compose project medium.com 나름대로 이제 배움을 정리해 가고 있기는 하나, 아직도 갈 길이 멀어 보이기는 하다. 오늘은 navigation 을 구현해 볼 준비를 해야 겠다. 이글을 읽어 보면서 말이다. 이전 posting 에서 구현해 보려고 했던 것들은 아직 미 완성인지라, 글로 옮겨 오기에는 무리가 있어 보인다. 잘 읽어 보고 오늘도 도전 !!! 2022.05.28 코딩으로 옮겨 보면서... ..