List
개요
List 컴포넌트는 대용량 데이터를 효율적으로 표시하고 관리하는 UI 컴포넌트입니다. 성능 최적화를 위해 전체 데이터를 한 번에 렌더링하지 않고, 사용자의 뷰포트에 보이는 항목만 동적으로 렌더링합니다.
주요 기능
1. 가상 스크롤
대량의 데이터를 처리할 때 성능을 최적화하기 위해, 현재 화면에 보이는 데이터만 동적으로 렌더링합니다. 이를 통해 메모리 사용량을 줄이고, 사용자 경험을 향상시킵니다.
관련 항목 보기
- 속성
Total : 10000
2. 커스텀 렌더러
리스트의 각 항목을 사용자가 원하는 형태로 렌더링할 수 있습니다. 텍스트, 이미지, 버튼 등을 자유롭게 조합하여 항목을 표현할 수 있습니다.
관련 항목 보기
- 속성
3. 행 개수 지정
한 번에 화면에 표시할 행의 개수를 설정할 수 있습니다. 이를 통해 사용자가 원하는 크기로 리스트를 조정할 수 있습니다.
Row Count
5
4. 외부 스크롤러
List 컴포넌트 자체의 스크롤뿐만 아니라, List를 감싸는 부모 요소의 스크롤을 기준으로 동작할 수 있습니다. 이를 통해 더 유연한 레이아웃 구성이 가능합니다.
관련 항목 보기
- 속성
Inner Scroll
Parent-Sync Scroll
5. 상호 작용
사용자가 항목을 선택하거나 포커스를 이동하는 등의 상호작용을 처리할 수 있습니다. 항목 선택 시 이벤트를 발생시키거나, 특정 항목에 포커스를 맞출 수 있습니다.
관련 항목 보기
- 속성
SelectedItem :
NULL6. 드래그 앤 드랍
사용자가 리스트 항목을 드래그하여 순서를 변경하거나, 다른 위치로 이동시킬 수 있습니다. 이를 통해 사용자가 리스트 구조를 쉽게 재구성할 수 있습니다.
관련 항목 보기
- 속성