이 코드에서 renderItem을 FeedScreen 함수 컴포넌트 밖에 선언해줬는데요. FlatList에서 보여지는 컴포넌트의 개수가 많을 경우에는 컴포넌트 내부에서 renderItem을 렌더링할 때마다 매번 renderItem을 만드는 것보다는 한 번만 만들고 재사용하는 것이 성능 면에서 더욱 좋습니다. 이렇게 컴포넌트 밖에 선언하지 않고 useMemo를 사용하는 것도 좋은 방법입니다.

여기까지 코드를 작성했다면 화면에 업로드한 사진의 정보가 나타날 것입니다.

▲ 그림 9-10 포스트 목록 조회하기