본문 바로가기

📱| Android/🚀 | Jetpack17

[Android, Kotlin] Compose에서 glance를 이용해 위젯 만들기 이번에 공부한 내용은 compose로 위젯을 만드는 라이브러리인 glance이다. glance의 존재(?)는 이전에 들으러 갔던 컨퍼런스 강연에서 glance에 관련된 강연을 들게 되었는데, 그때부터 기회가 되면 공부해 보자 라는 생각을 하게 되었다. 그게 지금이다. glance는 compose에서 위젯을 쉽게 만들 수 있게 해주는 라이브러리이고 2023년 8~9월에 1.0.0을 출시한 따끈따끈한 신상(?) 라이브러리이다. 아무튼 그래서 이번에 compose glance를 공부한 내용을 블로그에 정리해보려 한다. 그럼 바로 glance 사용법을 알아보자. 1. 라이브러리 추가하기 먼저 glance 라이브러리를 추가해 준다. // glance implementation("androidx.glance:gla.. 2023. 10. 6.

[Android, Kotlin] jetpack navigation에서 safe args로 데이터 전달하기 최근 포스팅에서 compose에서 jetpack navigation을 이용할 때, data class type의 데이터를 넘기는 방법을 알아봤었다. 저 기술을 최근에 xml에서 한 번 더 사용할 일이 있었는데, 이름이 safe args라는 것을 알게 되었다. 아마 compose에서 사용한 기술도 safe args로 불리는 듯한다. https://rkdrkd-history.tistory.com/57 [Android, Kotlin] compose navigation에서 data class tpye 넘기기 compose에서 navigation을 사용할 때, 화면 전환 시 변환될 화면에 기존의 화면의 데이터를 이용하고 싶은 경우가 있을 것이다. 그럴 때에는 Navcontroller.navigate()에다가 넘길.. 2023. 9. 26.

[Android, Kotlin] compose custom theme 만들기 이번 포스팅은 지난 포스팅에서 말했다시피 커스텀 테마에 대한 간단 설명과 코드를 알려주도록 하겠다. 커스텀 테마를 왜 만들어야 하는지 궁금한 사람들이 있을 것 같아 간단히 설명하자면 대형 프로젝트를 하다 보면 color가 다양해질 수 있기에 기본적으로 android studio에서 제공하는 color palette가 부족할 수 있다. 그리고 디자이너가 정한 color명을 그대로 적용하기 힘들기 때문이다. 이럴 때에는 custom theme를 만드는 것을 고려해 볼 수 있다. 그래서 필자는 이번 대형 프로젝트에 대비해 커스텀 테마를 제작해 보기로 했다. 자 그럼 이제 코드로 필자가 custom theme를 만들었던 과정을 확인해 보자. 시작하기 전에! 첫 번째 단계는 theme 상태를 확인할 수 있는 en.. 2023. 8. 18.

[Android, Kotlin] compose로 custom checkbox 만들기 이번에 design system을 만드는 작업을 하고 있었는데 checkbox를 만들어야 할 일이 있었다. 이번에 필자 같은 경우 말고도 다른 프로젝트를 할 때에도 checkbox를 사용해야 할 일이 있을 것이다. 하지만 기본 checkbox의 모양으로는 만족스럽지 못한 경우도 있을 것이다. 그래서 이번에 필자는 custom checkbox를 만들어 보았다. 필자가 checkbox를 어떻게 만들었는지 코드를 통해 확인해 보자. 1. custom checkbox를 만들기 위한 준비물(?) 일단 처음 만들 때 필자는 custom dialog를 만들기 위해 무엇이 필요한지 생각해 보았다. 그래서 하나의 결론에 도달했다! check 되었을 때의 checkbox layout, check 되지 않았을 때의 chec.. 2023. 8. 18.

[Android, Kotlin] compose로 tablayout 구현하기 이번에 youtube open api를 다루면서 xml에서 사용했던 tablayout을 적용하고 싶어서 이번 포스팅에서는 compose tablayout 기능을 구현해 보도록 하겠다. compose에서 tablayout 기능을 구현할 수 있게 해주는 composable function은 tabRow이다. tabrow는 list를 이용해 화면(tab) 간의 이동을 가능하게 해주는 기능으로 bottom navigation과 비슷하다. 이번에 tabrow를 사용해 보았는데 기존에 xml에서는 screen마다 fragment를 필수적으로 생성해서 연결해야 했었는데, compose에서는 따로 screen을 만들지 말지 개발자가 정할 수 있어서 편했던 것 같다. 이번 기회에 필자는 screen을 생성하지 않은 ta.. 2023. 8. 15.

[Android, Kotlin] compose navigation에서 data class tpye 넘기기 compose에서 navigation을 사용할 때, 화면 전환 시 변환될 화면에 기존의 화면의 데이터를 이용하고 싶은 경우가 있을 것이다. 그럴 때에는 Navcontroller.navigate()에다가 넘길 데이터를 param으로 넣은 다음에 NavHost에서 composable()로 navigate logic을 작성하면 됐었다. navigation 중 데이터 전달에 관한 자세한 설명은 아래 포스팅을 참고하면 좋을 듯하다. https://rkdrkd-history.tistory.com/51 [Android, Kotlin] Compose UI 정리(7) 이전 포스팅 https://rkdrkd-history.tistory.com/50 [Android, Kotlin] Compose UI 정리(6) 이번 포스팅.. 2023. 8. 11.

[Android, Kotlin] compose에서 api 통신하기 이전 포스팅의 연장선입니다. https://rkdrkd-history.tistory.com/55 [Android, Kotlin] Android clean architecture 프로젝트에서 api 에러 핸들링하기 clean architecture 프로젝트를 구상하고 개발하다 보면 api error 처리를 어떻게 하고 있는가? 예전의 필자는 그냥 무지성으로(?) presentation layer에 try catch를 이용해 처리를 했었었다. 하지만 그 방법을 rkdrkd-history.tistory.com 이전 포스팅에서 clean architecture 관점에서 api error handling 방법을 공부해 봤는데, 이번 글에서는 지난 글의 연장선인 clean architecture 관점에서 compo.. 2023. 8. 3.

[Android, Kotlin] Compose UI 정리(7) 이전 포스팅 https://rkdrkd-history.tistory.com/50 [Android, Kotlin] Compose UI 정리(6) 이번 포스팅에서는 compose ui로 bottom navigation을 만드는 예제를 정리해 볼 것이다. 이전 포스팅 https://rkdrkd-history.tistory.com/46 [Android, Kotlin] Compose UI 기록(5) 이번 포스팅에서는 compose UI 공부했던 내용 rkdrkd-history.tistory.com 이번 포스팅에서는 필자가 compose를 사용하다가 알게 된 정보를 끄적여보겠다. 이번에 알게 된 정보는 제목 보면 알 수 있듯이 화면전환(navigate) 도중 데이터를 전달하는 방법을 알아보도록 하겠다. (compo.. 2023. 4. 16.

[Android, Kotlin] Compose UI 정리(6) 이번 포스팅에서는 compose ui로 bottom navigation을 만드는 예제를 정리해 볼 것이다. 이전 포스팅 https://rkdrkd-history.tistory.com/46 [Android, Kotlin] Compose UI 기록(5) 이번 포스팅에서는 compose UI 공부했던 내용을 끄적여보겠다. 이전 포스팅 https://rkdrkd-history.tistory.com/44 [Android, Kotlin] Compose UI 정리(4) 지난 포스팅 https://rkdrkd-history.tistory.com/43 [Android, Kotlin] Compose U rkdrkd-history.tistory.com compose로 bottom navigation을 만드는 방법은 여러 가.. 2023. 4. 7.

[Android, Kotlin] Android Activity의 lifeCycle 정리 안드로이드로 개발을 하다 보면 activity, fragment의 상태에 따른 로직을 수행해야 할 때가 있다. 그때 사용할 수 있는 것이 life cycle 함수들인데 이번 포스팅에서는 그것들을 알아보도록 하자. life cycle이란? activity, fragment가 태어나서(시작되다) 죽는(종료되다) 순간까지의 주기를 뜻한다. 1. Activity의 생명주기(lifeCycle) 먼저 activity의 생명주기를 할아볼 건데, activity의 생명주기로는 onCreate() onStart() onResume() onPause() onStop() onDestroy() onRestart() 총 7가지가 있으며, 각 함수들은 activity의 상태에 따라 호출이 된다. 그리고 모든 함수를 꼭 다 구현할.. 2023. 3. 17.

[Android, Kotlin] Compose UI 정리(5) 이번 포스팅에서는 compose UI 공부했던 내용을 끄적여보겠다. 이전 포스팅 https://rkdrkd-history.tistory.com/44 [Android, Kotlin] Compose UI 정리(4) 지난 포스팅 https://rkdrkd-history.tistory.com/43 [Android, Kotlin] Compose UI 정리(3) 이전 포스팅 https://rkdrkd-history.tistory.com/42 [Android, Kotlin] Compose UI 정리(2) 지난 포스팅 https://rkdrkd-history.tistory.com/41 [Android, Kot rkdrkd-history.tistory.com 이번에 정리할 내용은 compose에서 glide 사용하는 방.. 2023. 3. 13.

[Android, Kotlin] Compose UI 정리(4) 지난 포스팅 https://rkdrkd-history.tistory.com/43 [Android, Kotlin] Compose UI 정리(3) 이전 포스팅 https://rkdrkd-history.tistory.com/42 [Android, Kotlin] Compose UI 정리(2) 지난 포스팅 https://rkdrkd-history.tistory.com/41 [Android, Kotlin] Compose UI 정리(1) 1. layout 1. Column 하위의 뷰들을 수직 정렬해준다(verti rkdrkd-history.tistory.com 이번 포스팅에서는 지난 포스팅에서 다뤘던 compose recyclerview를 이용해 실습을 해보겠다. 사용자의 정보를 담는 데이터 클래스 생성 data c.. 2022. 12. 5.

[Android, Kotlin] Compose UI 정리(3) 이전 포스팅 https://rkdrkd-history.tistory.com/42 [Android, Kotlin] Compose UI 정리(2) 지난 포스팅 https://rkdrkd-history.tistory.com/41 [Android, Kotlin] Compose UI 정리(1) 1. layout 1. Column 하위의 뷰들을 수직 정렬해준다(vertical). // 텍스트 뷰 @Composable fun Greeting(name: String) { Text(text = name) } // 뷰를 rkdrkd-history.tistory.com 이번 포스팅에서는 스크롤 가능한 뷰를 만들어 보겠다. 3. Scrollable View 1. ScrollView scrollView에 사용할 아이템 생성 @.. 2022. 12. 4.

[Android, Kotlin] Compose UI 정리(2) 지난 포스팅 https://rkdrkd-history.tistory.com/41 [Android, Kotlin] Compose UI 정리(1) 1. layout 1. Column 하위의 뷰들을 수직 정렬해준다(vertical). // 텍스트 뷰 @Composable fun Greeting(name: String) { Text(text = name) } // 뷰를 그리는 곳(미리보기) @Preview(showBackground = true) @Composable fun DefaultPreview() { rkdrkd-history.tistory.com 이번 포스팅에서는 필자가 xml을 사용할 때 자주 사용하는 뷰들을 compose로 작성해보겠다. 2. 다양한 뷰 작성 1. edit text TextField.. 2022. 12. 3.

[Android, Kotlin] Compose UI 정리(1) 가장 기본적인 것부터 시작하는 jetpack compose 1. layout 1. Column 하위의 뷰들을 수직 정렬해준다(vertical). // 텍스트 뷰 @Composable fun Greeting(name: String) { Text(text = name) } // 뷰를 그리는 곳(미리보기) @Preview(showBackground = true) @Composable fun DefaultPreview() { ComposeUITheme { // 자동으로 생성되는 테마 Column() { Greeting("Hello") Greeting("Android") } } } 2. Row 하위의 뷰들을 수평 정렬해준다(horizontal). @Preview(showBackground = true) @Comp.. 2022. 12. 1.

이전 1 2 다음

728x90

티스토리툴바