mirabo01 님의 블로그

  • 홈
  • 태그
  • 방명록
  • 소개
  • 개인정보처리방침
  • 문의

리스트최적화 1

React Native FlatList 성능 최적화 정리: keyExtractor부터 getItemLayout까지

리스트 화면은React Native 앱에서 가장 흔하면서도가장 쉽게 느려지는 부분이다.처음엔 잘 동작하다가데이터가 조금만 늘어나면 이런 증상이 나온다.스크롤이 끊긴다이미지 로딩이 버벅인다입력할 때 리스트 전체가 다시 그려진다이 글에서는FlatList를 쓸 때 실무에서 꼭 챙기는 성능 포인트를옵션 중심으로 정리한다.이 글이 필요한 사람FlatList 스크롤이 부드럽지 않은 경우리스트 아이템이 많아질 예정인 경우성능 최적화를 어디서부터 해야 할지 모르는 경우FlatList가 기본적으로 빠른 이유FlatList는보이는 영역 위주로만 렌더링한다.화면에 안 보이는 아이템은 렌더링하지 않음스크롤 위치에 따라 동적으로 생성/제거그래서ScrollView보다 기본 성능은 훨씬 좋다.하지만설정을 안 하면 반쪽짜리 성능이 ..

react-native 2026.01.24
이전
1
다음
더보기
프로필사진

mirabo01 님의 블로그

코딩과 개발 지식을 쉽게 정리하고 공유하는 블로그입니다.

  • 분류 전체보기 (240) N
    • git (12)
    • 네트워크 (2)
    • frontend (123)
      • html (7)
      • css (11)
      • javascript (58)
      • react (44)
    • backend (26) N
    • infra (22)
    • docker (9)
    • react-native (16)
    • AI (19)
    • 기타 (10)

Tag

운영, 리소스관리, Go실무, nethttp, AI개발, Go동시성, OpenClaw, GoAPI, RN실무, 컨테이너, Go, RN입문, 인프라, AI프로그래밍, Go기초, 쿠버네티스, Golang, ai코딩, ReactNative, Kubernetes,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 블로그 안내

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바