FlatList1 [React Native] ScrollView VS FlatList ScrollView {courseGoals.map((goal) => {goal} )} ScrollView는 전체 UI가 렌더링 될 때마다 안에 있는 항목 전부 렌더링 한다. 목록이 일정 화면을 넘어가 길어질 때, 화면에 보이지 않는 부분도 화면 뒤에서 계속 렌더링 된다. 목록이 길다면, 수천개, 수만개의 목록이 있다면? 성능 문제가 생길 수 밖에 없다. 그래서 분량이 제한된 콘텐츠에는 적합하지만, 길어질 수 있는 동적 목록에는 부적합하다. 사용할 수는 있지만, 동적 목록 리스트에는 성능 저하를 피하기 위해 잘 안 씀 이럴 때 ScrollView 대신에 사용할 수 있는 것이 FlatList이다. FlatList 스크롤을 실현하는 컴포넌트 보이는 항목만 렌더링되며, 화면 밖의 항목은 사용자가 스크롤을 해야 .. 2024. 1. 16. 이전 1 다음