반응형

compose 7

안드로이드 앱 만들기 : Jetpack Compose 에서 프로필 이미지 저장해 보기

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

안드로이드 앱 만들기 : 채팅창 만들어 보기 (Jetpack Compose 에 AndroidView Binding)

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..

안드로이드 앱 만들기 : 채팅 방 만들어 보기 (feat : jetpack compose)

오늘은 firebase의 real time database에 채팅방 개설을 하는 기능을 구현해 보아야겠다. 먼저 저장할 채팅방의 데이터 구조체를 구현해 보자. import java.util.* data class ChatRooms( var chatRooms:String = "", var chatTitle:String = "", var roomOwner:String = "", var chatNo:String = "" ) 들어가는 항목은 방 이름, 방제목, 방 개설자, 방 번호(이건 key로 사용할 것) firebase의 realtime database 연동을 위한 준비는 이전에 posting 했던 글이나, 구글에서 찾아보면 많이 나오고 있으므로 생략... 다음은 데이터를 가져오고 저장하는 것을 구현하기 위..

안드로이드 앱 만들기 : 메인 화면으로 넘어가기...

지난번에는 로그인하는 화면을 만들었으니, 이번에는 로그인해서 나오는 메인을 구현해 볼 요량이다. 메인화면이라고는 뭐 아직 버튼 2개와 타이틀 하나를 달았을 뿐이다. 이것이 그냥 Layout 을 이용해서 작업을 하고 있다면 조금은 더 쉽고 빠르게 될 것 같기는 하나, 이왕 배우기 시작한 jetpack compose을 활용해서 만들어 보기로 했다. import android.os.Bundle import android.util.Log import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import com.billcoreatech.multichat416.ui.theme.MultiChat416Theme imp..

안드로이드 앱 만들기 : Jetpack Compose 항목들 예시...

https://medium.com/@alexstyl/views-to-composables-d715b92c6055 From View to Composable: A Quick jump to Jetpack Compose from a Android View mindset (with Cheat… Learn how to apply your View knowledge to speed up your Compose learning. medium.com 오늘도 Jetpack Compose을 활용한 화면 구현에 대한 내용을 구글링을 통해서 보고 있는 데, 이런 정도의 자료가 있으면 도움이 될 듯하여 링크를 달아 둔다. 아직은 시작인 단계 이기 때문에 많은 정보를 찾아서 적어 두는 것이 나중에 배움을 구할 때 도움이 될 거 ..

안드로이드 앱 만들기 : Jetpack Compose 와 xml 의 차이

https://medium.com/kotlin-academy/say-hello-to-jetpack-compose-and-compare-with-xml-6bc6053aec13 Say Hello 👋 to Jetpack Compose and Compare with XML Introduction blog.kotlin-academy.com 오늘도 또 하나의 글을 찾았다... Jetpack Compose 로 만드는 화면과 기존 xml 로 만드는 화면의 차이에 대한 글을 하나 찾았다. xml 와 만드는 화면과 Jetpack Compose 을 비교해 보니 이해가 되는 것 같기도 하고... 아직은 갈 길이 멀어 보인다. val scrollState = rememberScrollState() val scope = reme..

안드로이드 앱 만들기 : 오늘도 jetpack compose 에 헤메이다...

https://medium.com/towardsdev/5-useful-jetpack-compose-library-you-should-use-in-your-next-project-part-1-8b2d4b6f50e2 5 useful Jetpack Compose Library you should use in your next project — Part-1 No need to invent the new wheel towardsdev.com 또 하나의 글을 찾았다.... 짧은 영어 때문에 번역글을 만들어 본다. 원본은 위 링크에서... 다음 프로젝트에서 사용해야 하는 5가지 유용한 Jetpack Compose 라이브러리 — 1부 새로운 바퀴를 발명할 필요가 없습니다 동일한 기능을 쉽게 달성하기 위해 라이브러리를 ..

반응형