K
KRYFT Problem Bank
모바일 보통 코딩

React Native 무한 스크롤

FlatList를 활용한 무한 스크롤 구현

35분
80점
#3706

문제 설명

React Native의 FlatList를 사용하여 최적화된 무한 스크롤을 구현하세요.

요구사항

  • 페이지네이션 API 호출
  • 로딩 인디케이터 표시
  • Pull-to-refresh 기능
  • 에러 처리 및 재시도
  • 빈 상태 처리
  • 메모리 최적화 (getItemLayout, removeClippedSubviews)

API 형식


GET /api/items?page=1&limit=20

Response:
{
  "items": [...],
  "hasMore": true,
  "nextPage": 2
}

평가 기준

  • 스크롤 성능
  • 메모리 사용량
  • UX (로딩 상태, 에러 처리)
실행 버튼을 눌러 코드를 실행하세요.