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

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 코딩으로 옮겨 보면서... ..

https://itnext.io/a-comprehensive-guide-to-android-12s-splash-screen-api-644609c811fa A Comprehensive Guide to Android 12’s Splash Screen API For years Android Devs have always resorted to using a windowBackground or Activity or Fragment for their splash screen. Using the… itnext.io 스플래쉬 화면 : 앱이 실행 되기 전에 로딩중 보이는 화면 ( 앱이 처리 되는 동안 보이는 progressbar 와는 다른 ...) 오늘은 인터넷에서 퍼온 글 하나를 올려 본다. 요새 배우는중인 jetpa..

앱을 만들다 보면 프로필 가져오기 기능을 구현해 보는 경우가 간혹 생긴 게 된다. 오늘은 compose을 이용한 구현을 하는 과정에서 갤러리에서 이미지를 불러와서 프로필 사진으로 저장하는 과정을 구현해 보고자 한다. 그림과 같이 구현해 볼 예정이다. 전체 소스의 일부는 아래와 같이 구현이 되었다. @Composable private fun mainContent(padding: Modifier) { Column(modifier = Modifier .fillMaxHeight() .fillMaxWidth() .padding(16.dp), verticalArrangement = Arrangement.Top, horizontalAlignment = Alignment.Start ) { var imageUri by ..

Compose을 활용한 앱을 구현하는 동안에 이전에 만들었던 layout 을 활용하고자 하는 경우가 생긴다면... Androind ViewBinding을 활용하는 방법이 있었다. https://developer.android.com/jetpack/compose/interop/interop-apis?hl=ko 상호 운용성 API | Jetpack Compose | Android Developers 상호 운용성 API 앱에 Compose를 채택하는 동안 Compose와 뷰 기반 UI를 결합할 수 있습니다. 다음에는 Compose로의 전환을 보다 쉽게 할 수 있는 API, 권장사항 및 팁이 나와 있습니다. Android 뷰의 Compose developer.android.com 구현을 시작해 보면, 먼저 gr..