나만을 위한 블로그

rememberCoroutineScope https://developer.android.com/develop/ui/compose/side-effects?hl=ko#remembercoroutinescope Compose의 부수 효과 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose의 부수 효과 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 부수 효과는 구성 가능한 함수의 범developer.android.comLaunchedEffect는 컴포저블 함수라 다른 컴포저블 함수 안에서만 쓸 수 있다. 컴포저블 밖에 있는데 컴포지션 종료 후 자동 취소되게 범위가 지정된..

먼저 사이드 이펙트가 뭔지 알아본다. https://developer.android.com/develop/ui/compose/side-effects?hl=ko사이드 이펙트는 컴포저블 함수 범위 밖에서 발생하는 앱 상태에 대한 변경사항이다. 컴포저블의 생명주기, 속성(예측 불가능한 리컴포지션, 다른 순서로 컴포저블의 리컴포지션 실행, 삭제 가능한 리컴포지션)으로 인해 컴포저블엔 사이드 이펙트가 없는 게 좋다그러나 필요할 때도 있다. 스낵바 표시, 특정 상태 조건에 따라 다른 화면 이동 등 1회성 이벤트를 트리거할 때다. 이런 작업은 컴포저블 생명주기를 인식하는 환경에서 호출해야 한다...(중략)...앱 상태를 바꿔야 하는 경우 이런 사이드 이펙트가 예측 가능한 방식으로 실행되게 Effect API를 써야 ..

이 포스팅은 아래 디벨로퍼 문서를 바탕으로 작성했다. https://developer.android.com/develop/ui/compose/text/fonts?hl=ko 글꼴 작업 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. 글꼴 작업 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 페이지에서는 Compose 앱에서 글꼴을 설정developer.android.com 이 문서에서 사용하는 폰트를 다운로드하려면 아래 링크로 들어가면 된다. 그러나 첫 부분에서만 쓰고 이후부턴 라이브러리를 통해 폰트를 다운받아 쓰기 때문에 대충 하는 법만 봐도 될 것이다. https://..

이 포스팅은 아래 디벨로퍼 링크를 정리한 글이다. https://developer.android.com/develop/ui/compose/text/user-input?hl=ko&textfield=state-based#textfield-nav 텍스트 필드 구성 | Jetpack Compose | Android Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. 텍스트 필드 구성 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. TextField를 사용하면 사용자가 텍스트developer.android.com TextField의 기본 구현은 아래와 같다. @Composablefun TextField( state: TextFie..

이 포스팅에선 Compose의 Text에서 사용할 수 있는 옵션들을 확인한다.먼저 Text의 구현은 이렇다. @Composablefun Text( text: AnnotatedString, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, fontFamily: FontFamily? = null, letterSpacing: TextUnit = TextUnit.Unspecified, textDecoration: ..

이 포스팅에선 LazyVerticalGrid에 여러 사진들이 표시될 때 드래그로 여러 사진들을 선택하는 법을 확인한다.코드는 아래와 같다. import androidx.compose.animation.core.animateDpimport androidx.compose.animation.core.updateTransitionimport androidx.compose.foundation.Imageimport androidx.compose.foundation.backgroundimport androidx.compose.foundation.borderimport androidx.compose.foundation.layout.Boximport androidx.compose.foundation.layout.aspe..

※ 모든 코드는 예시 코드기 때문에 실제로 사용하려면 반드시 리팩토링한다 이전 포스팅에서 이어진다. https://onlyfor-me-blog.tistory.com/1129 [Android Compose] Supabase를 활용한 CRUD 구현 - 1 -이 포스팅에선 Supabase를 활용한 CRUD를 간단하게 구현한 예시를 확인한다.이름, 가격 TextField의 값과 카메라로 촬영하거나 갤러리에서 photo picker로 가져온 사진을 같이 supabase에 업로드하고 리스트onlyfor-me-blog.tistory.com 코드는 supabase의 안드로이드 예시 문서를 바탕으로 작성했다.그러나 SQL부터 막히고 문서의 코드들이 하나의 프로젝트로 완벽하게 작동하지 않아서 좀 수정했다. https://..

이 포스팅에선 Supabase를 활용한 CRUD를 간단하게 구현한 예시를 확인한다.이름, 가격 TextField의 값과 카메라로 촬영하거나 갤러리에서 photo picker로 가져온 사진을 같이 supabase에 업로드하고 리스트 형태로 표시하는 예제를 구현할 것이다. supabase를 안드로이드에 연동하려면 크게 아래와 같은 작업들을 해야 한다. supabase 프로젝트 생성, 테이블 정의supabase, ktor, hilt 라이브러리 추가CRUD 기능 구현 + UI 구현 supabase에 새 프로젝트를 만드는 것부터 시작한다. 이 포스팅에선 구글 클라우드 콘솔 설정까지 한 후 다음 포스팅에서 코드들을 확인한다. https://supabase.com/dashboard/projects Dashboard ..

이 포스팅에선 Compose를 사용해 리스트뷰를 만들고 아이템을 선택하면 체크상태를 변경해 표시하는 예제를 확인한다. 전체 코드는 아래 영상을 참고했다. https://www.youtube.com/watch?v=pvNcJXprrKM 전체 코드는 아래와 같다. import androidx.compose.foundation.clickableimport androidx.compose.foundation.layout.Arrangementimport androidx.compose.foundation.layout.Rowimport androidx.compose.foundation.layout.fillMaxSizeimport androidx.compose.foundation.layout.fillMaxWidthimpo..

※ 모든 코드는 예제기 때문에 실제로 사용하려면 리팩토링, 예외처리를 추가한다 ※ 서버 통신 없이 앱에 저장된 이미지를 사용해 구현했다 이번엔 컴포즈를 사용해서 정해진 이미지들을 계속해서 표시하는 무한 캐러셀 예제를 확인한다.실행하면 아래처럼 작동한다.  코드는 아래와 같다. import androidx.compose.foundation.Imageimport androidx.compose.foundation.layout.fillMaxSizeimport androidx.compose.foundation.lazy.LazyRowimport androidx.compose.foundation.lazy.itemsimport androidx.compose.foundation.lazy.rememberLazyListSt..