원인

• bind() 함수는 Cell 의 contents 를 세팅하는 함수인데 이미지는 비동기 호출을 통해 가져왔다.
• tableView(_:cellForRowAt:) 에서 Reusable Cell 을 생성하여 Cell 이 화면에 나타날때마다 Cell.bind() 함수를 호출했다.
• Reusable Cell 을 사용하니까 Cell 객체의 개수는 정해져있는데 bind() 함수를 계속 호출하니까 Cell 에 이미지를 세팅하는 로직이 하나의 Cell 객체에서 중복 실행되어 먼저 가져온 이미지 부터 세팅되는 문제였다.

해결 방안

1. Cell 의 prepareForReuse() 함수에서 비동기 이미지 요청을 취소하여 이미지가 여러번 세팅되지 않게 하는 방법

사용자가 스크롤을 빠르게 내리다가 마음에 드는 Item 이 있어서 다시 스크롤을 올릴 때, 이미지를 다시 가져와야 하므로 사용자를 기다리게 할 수도 있다.

2. 이미지를 요청했던 Cell 의 IndexPath 를 기억하여 이미지를 가져온 후, 기억했던 IndexPath 로 다시 Cell 을 불러내 이미지를 세팅 하는 방법

모든 Cell 에 대한 이미지를 가져오기 때문에 네트워크적으로 부하가 걸릴 수 있다.