RecyclerView 기초
RecyclerView로 대규모 목록을 효율적으로 표시하고 Adapter와 ViewHolder를 생성하며 ViewBinding으로 데이터를 연결합니다.
RecyclerView 기초은(는) CoddyKit의 무료 Android Academy 강의입니다. 이것은 6개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Android Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Android Academy 강의에는 총 6개의 강의가 포함되어 있습니다.
RecyclerView를 사용하는 이유
RecyclerView는 Android에서 스크롤 가능한 항목 리스트를 표시하는 표준 방식입니다.
이전의 ListView와 달리 RecyclerView는 다음과 같은 특징이 있습니다.
- 스크롤할 때 뷰를 재사용하므로 화면에 들어가는 수만큼만 생성합니다.
- 세로 리스트, 가로 리스트, 그리드에 사용할 수 있습니다.
- LayoutManagers를 사용하여 매우 유연하게 사용자 지정할 수 있습니다.
RecyclerView 아키텍처
RecyclerView가 작동하려면 세 가지 구성 요소가 필요합니다.
- RecyclerView — 레이아웃 XML에 배치하는 위젯
- 어댑터 — 데이터를 항목 뷰에 연결
- ViewHolder — 각 리스트 항목 내부의 뷰 참조를 보관
어댑터는 ViewHolder를 생성하고 사용자가 스크롤할 때 데이터를 연결합니다.
XML에 RecyclerView 추가하기
레이아웃에 위젯을 추가하고 build.gradle에 의존성을 선언합니다.
<!-- In res/layout/activity_main.xml -->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- app/build.gradle dependencies: -->
<!-- implementation 'androidx.recyclerview:recyclerview:1.3.2' -->항목 레이아웃
각 리스트 항목에 사용할 별도의 XML 파일을 만듭니다. 예를 들어 res/layout/item_fruit.xml과 같습니다.
<!-- res/layout/item_fruit.xml -->
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp"
android:orientation="vertical">
<TextView
android:id="@+id/tvName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:id="@+id/tvCalories"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="14sp" />
</LinearLayout>데이터 모델
리스트의 각 항목을 나타내는 데이터 클래스를 정의합니다.
data class Fruit(
val name: String,
val calories: Int
)어댑터 만들기
어댑터는 데이터를 항목 레이아웃에 연결합니다. 핵심 메서드는 세 가지입니다.
onCreateViewHolder— 항목 XML을 인플레이트합니다.onBindViewHolder— 한 항목의 데이터를 채웁니다.getItemCount— 전체 항목 수를 반환합니다.
어댑터 구현
완전하면서도 최소한으로 구성한 RecyclerView 어댑터입니다.
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
class FruitAdapter(
private val fruits: List<Fruit>
) : RecyclerView.Adapter<FruitAdapter.ViewHolder>() {
class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val tvName: TextView = view.findViewById(R.id.tvName)
val tvCalories: TextView = view.findViewById(R.id.tvCalories)
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
val view = LayoutInflater.from(parent.context)
.inflate(R.layout.item_fruit, parent, false)
return ViewHolder(view)
}
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
val fruit = fruits[position]
holder.tvName.text = fruit.name
holder.tvCalories.text = "${fruit.calories} kcal"
}
override fun getItemCount() = fruits.size
}Activity에서 설정하기
Activity에서 RecyclerView, 어댑터, LayoutManager를 서로 연결합니다.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
val fruits = listOf(
Fruit("Apple", 95),
Fruit("Banana", 105),
Fruit("Cherry", 50),
Fruit("Mango", 202)
)
val adapter = FruitAdapter(fruits)
binding.recyclerView.apply {
this.adapter = adapter
layoutManager = LinearLayoutManager(this@MainActivity)
}
}GridLayoutManager
LayoutManager를 변경하여 한 열짜리 리스트 대신 그리드로 표시합니다.
LinearLayoutManager— 세로 또는 가로 리스트GridLayoutManager(context, spanCount)— N개의 열로 구성된 그리드StaggeredGridLayoutManager— Pinterest 스타일의 불규칙 그리드
빠른 확인
RecyclerView 어댑터에서 ViewHolder의 역할은 무엇인가요?
복습: RecyclerView 기초
이제 리스트를 효율적으로 표시할 수 있습니다.
- RecyclerView는 성능 향상을 위해 뷰를 재사용합니다.
- 세 가지 구성 요소는 RecyclerView 위젯, 어댑터, ViewHolder입니다.
- 항목 XML은 한 행 또는 카드의 모양을 정의합니다.
- 어댑터는
onBindViewHolder에서 데이터를 뷰에 연결합니다. - LayoutManager는 리스트, 그리드 또는 불규칙한 레이아웃을 제어합니다.
다음: 클릭 이벤트로 리스트 항목을 탭할 수 있게 만듭니다.
자주 묻는 질문
“RecyclerView 기초” 강의는 무료인가요?
네 — “RecyclerView 기초” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Android Academy 강의 전체를 잠금 해제할 수 있습니다. Android Academy 강의에는 총 6개의 강의가 포함되어 있습니다.
“RecyclerView 기초”에서 뭘 배우나요?
RecyclerView로 대규모 목록을 효율적으로 표시하고 Adapter와 ViewHolder를 생성하며 ViewBinding으로 데이터를 연결합니다. 브라우저에서 직접 실행하는 실습 코드로 Android Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Android Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Android Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 6개 중 2번째 강의입니다.
“RecyclerView 기초” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Android Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Android Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.