[kotlin] Jetpack Compose에서 리사이클러뷰 사용하기

Jetpack Compose는 안드로이드 앱의 사용자 인터페이스를 빌드하기 위한 최신 UI 툴킷으로, 기존의 레이아웃과 위젯 시스템을 대체하는 방식으로 작동합니다. 이 툴킷은 개발자가 선언적 UI를 작성하고 앱 데이터와 상호 작용하는 방식을 단순화합니다.

리사이클러뷰는 안드로이드 앱에서 리스트와 그리드 형태의 데이터를 보여주기 위한 표준 위젯입니다. Jetpack Compose에서 리사이클러뷰를 사용하는 방법을 알아보겠습니다.

Composable 함수 생성

Jetpack Compose에서는 화면에 표시될 각 요소를 나타내기 위해 Composable 함수를 사용합니다. 먼저, 리사이클러뷰의 아이템을 표시하는 Composable 함수를 만들어보겠습니다.

@Composable
fun MyListItem(item: String) {
    Text(text = item)
}

위의 예제에서 MyListItem은 리사이클러뷰에 표시될 각 아이템을 나타내며, Text Composable 함수를 호출하여 각 아이템을 표시합니다.

리사이클러뷰 생성

다음으로, 리사이클러뷰를 생성하는 방법을 살펴보겠습니다.

@Composable
fun MyRecyclerView(items: List<String>) {
    LazyColumn {
        items(items) { item ->
            MyListItem(item = item)
        }
    }
}

위의 예제에서 LazyColumn은 선언적인 방식으로 스크롤 가능한 리스트를 만들기 위한 Composable 함수입니다. items 함수를 사용하여 MyListItem Composable 함수를 각 아이템에 대해 호출합니다.

리사이클러뷰 사용

마지막으로, 위에서 생성한 리사이클러뷰를 앱 화면에 표시하는 방법을 알아보겠습니다.

@Composable
fun MyScreen() {
    val items = (1..10).map { "Item $it" }
    MyRecyclerView(items = items)
}

위의 예제에서 MyScreen 함수는 MyRecyclerView를 호출하여 화면에 리스트를 표시합니다.

Jetpack Compose에서 리사이클러뷰를 사용하는 방법에 대해 간략하게 살펴보았습니다. 이를 통해 Jetpack Compose를 사용하여 선언적이고 유연한 방식으로 안드로이드 앱의 UI를 만들 수 있다는 것을 알게 되었습니다.

더 자세한 내용은 Jetpack Compose의 공식 문서를 참고하시기 바랍니다.