나만을 위한 블로그

25.07.15) 영상 세로 길이 오류로 영상 제거 일반적인 리사이클러뷰에 스티키 헤더와 헤더별로 그룹화된 아이템들이 들어가도록 구현하려면 둘 이상의 뷰홀더를 구현해야 하고, 복잡한 코드를 작성해야 하는 불편함과 공수가 걸린다.그러나 Compose에선 이 작업을 아주 많이 간소화시켜서 구현할 수 있다. 클릭 이벤트를 적용하는 것도 쉽다.말은 필요없고 코드부터 본다. 먼저 res/values 패키지 안에 적당히 이름 붙인 values resource file을 만들고 아래 코드를 붙여넣는다. 서버에서 받아오는 대신 하드코딩한 문자열을 사용할 것이다. First Item First Item1 First Item2 Second Item S..

먼저 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 하위 요소를 가로 순서로 배치하는 레이아웃 컴포저블이다. 하위 요소를..