나만을 위한 블로그

먼저 Slot의 사전적 정의는 아래와 같다. (뭘 집어넣게 만든 가느다란) 구멍 / 자리, 시간, 틈 / 넣다 쉽게 말해서 뭐 넣을 수 있게 생긴 빈 틈을 슬롯이라고 한다. 이런 정의가 Slot API에서도 비슷한지 확인해 본다. https://developer.android.com/jetpack/compose/layouts/basics?hl=ko#slot-based-layouts Compose 레이아웃 기본사항 | Jetpack Compose | Android Developers Compose 레이아웃 기본사항 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Jetpack Compose를 사용하면 앱의 UI를 훨씬 쉽게 디자인하고 빌드할 수 있습니다. Compose dev..

Compose를 사용하기 전의 XML로 뷰를 짤 경우 상태는 다양한 방법으로 정의한다. boolean 변수에 값을 저장한다거나 객체를 활용한다거나, 또는 다른 소스들을 찾아보면 아주 낮은 확률로 보이는 AtomicBoolean을 쓴다던가 등. 데이터 바인딩을 적극 사용한다면 LiveData 또는 Flow를 사용할 수도 있다. 그러나 Compose에선 boolean, 객체를 활용하는 방식으로 뷰의 상태를 관리하지 않는다. Compose에선 remember라는 API를 사용해 여러 리컴포지션 간에 상태를 관리할 수 있다. 안드로이드 디벨로퍼에선 remember에 대해 아래와 같이 말한다. https://developer.android.com/jetpack/compose/state?hl=ko 상태 및 Jetp..

Compose에도 생명주기란 개념이 존재한다. 이번 포스팅에선 Compose의 생명주기가 어떤 것인지 확인한다. 먼저 공식문서부터 확인한다. https://developer.android.com/jetpack/compose/lifecycle?hl=ko 컴포저블 수명 주기 | Jetpack Compose | Android Developers 컴포저블 수명 주기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 페이지에서는 컴포저블의 수명 주기에 관해 알아보며 Compose에서 컴포저블에 재구성 developer.android.com (중략)...컴포저블의 생명주기는 컴포지션 시작, 0회 이상 재구성, 컴포지션 종료 이벤트로 정의된다 컴포저블은 컴포지션을 시작하고 0회 이상 ..

Compose의 컴포저블 함수는 2종류로 나뉜다. 제목의 Stateful Composable과 Stateless Composable이 그것이다. 단순하게 Stateful과 Stateless를 보면 상태유지와 비상태유지라는 뜻이 각각 있어서, Stateful은 상태를 가졌으면 불리는 이름이고 반대로 상태를 갖고 있지 않으면 Stateless라고 불리는 게 아닐까 생각된다. 둘의 차이는 안드로이드 디벨로퍼보다 코드랩에 좀 더 잘 나와있다. 코드랩 전에 디벨로퍼부터 확인해본다. 위 내용은 생략하고 중간만 가져온 것이기 때문에 전체 문서를 확인해 보는 게 좋다. https://developer.android.com/jetpack/compose/state?hl=ko#stateful-vs-stateless 상태 및..

LazyHorizontalGrid와 LazyRow, LazyColumn을 쓰면 스크롤 가능한 뷰를 만들 수 있다. 그래서 이번 포스팅에선 Lazy 종류 레이아웃들이 왜 나왔는지 알아보기 위해 Column과 Row를 스크롤 가능하게 구현하고, 이렇게 구현 시 발생하는 일들을 확인한다. 먼저 적당히 화면을 만들어준다. @Composable fun ScrollableColumn( modifier: Modifier = Modifier ) { val scrollState = rememberScrollState() Column( modifier = modifier .fillMaxSize() .padding(12.dp) .verticalScroll(scrollState) ) { for (i in 0..100) { T..

LazyRow는 가로로 한 줄의 스크롤 가능한 뷰를 만드는 요소라면 LazyHorizontalGrid는 격자 모양으로 스크롤 가능한 뷰를 만드는 요소다. 디벨로퍼의 설명부터 확인한다. https://developer.android.com/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary#LazyHorizontalGrid(androidx.compose.foundation.lazy.grid.GridCells,androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.grid.LazyGridState,androidx.compose.foundation.layout.PaddingValu..

이전에 세로 스크롤 기능을 구현할 때 LazyColumn을 사용한 예시를 포스팅한 적이 있다. https://onlyfor-me-blog.tistory.com/511 [Android Compose] LazyColumn이란? "게으른 기둥" 정도로 번역되는 LazyColumn은 무엇일까? 안드로이드 디벨로퍼에선 아래와 같이 말하고 있다. https://developer.android.com/reference/kotlin/androidx/compose/foundation/lazy/package-summary?hl=ko#LazyColumn(and onlyfor-me-blog.tistory.com 이번엔 세로가 아닌 가로로 스크롤할 수 있는 LazyRow에 대해 포스팅한다. 안드로이드 디벨로퍼에서 말하는 Laz..

Compose 기본 레이아웃 3개 중 마지막으로 Box를 알아본다. https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1) androidx.compose.foundation.layout | Android Developers androidx.car.app.managers developer.android.com content로 구성할 수 있는 레이아웃이다. Box는 들어오는 제약 조건에 따라 컨텐츠에 맞게 자체 크기를 조..

컴포저블의 기본 표준 레이아웃은 총 3가지 있다. Column Row Box 이 중 Row에 대해 확인한다. Row의 사전적 정의는 아래와 같다. (옆으로 늘어서 있는) 열, 줄 이런 뜻이니 Compose의 Row도 이 뜻처럼 가로로 배치할 때 사용하는 게 아닌가 추측된다. https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#row androidx.compose.foundation.layout | Android Developers androidx.car.app.managers developer.android.com 하위 요소를 가로 순서로 배치하는 레이아웃 컴포저블이다. 하위 요소를..

안드로이드에서 화면을 그리는 것은 XML에 그리는 것이 일반적이었고, 필요하다면 소스코드 상에서 동적으로 만들어 사용하는 방식을 사용했다. 그러나 이것이 상당히 귀찮고 번거롭기 때문인지 XML 대신 사용할 수 있는 안드로이드 화면 그리기 도구가 2018년 구글 I/O에서 공개됐다. 이것이 Compose다. Compose의 사전적 정의는 아래와 같다. 구성하다(몇 가지 부분이나 요소들을 모아서 일정한 전체를 짜 이루다) 프라모델 조립이나 퍼즐이 생각나는 단어다. 어떤 것들을 합쳐서 큰 하나를 만드는 뉘앙스라 Compose가 어떤 식으로 작동할지 조금 상상이 간다. 아래는 안드로이드 디벨로퍼에서 설명하는 Compose다. https://developer.android.com/jetpack/compose Je..