[UITableView] 테이블뷰에서 발생하는 Cell reuse 문제와 해결방법

테이블 뷰 원리

• 테이블 뷰는 세로 스크롤을 할 때 같은 형태가 반복되면서 내용은 달라지는 형태의 뷰를 만들때 사용된다
• 비슷한 형태의 각 셀을 일일이 만드는 것이 아니라 큰 틀을 만들어서 안에 들어가는 내용만 바꿔주는 방식

https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdeD3Fb%2FbtrcXlcRRqH%2FKw6jdYAMJwhDKe20paGwR1%2Fimg.png

• 이 원리대로 동작할 수 있도록 도와주는 메서드

  • dequeueReusableCell
  • 지정된 재사용 identifier에 대해 재사용 가능한 테이블 뷰 Cell 객체를 반환하고 테이블 뷰에 추가함

• Label과 같은 방식으로 해결?

  • categories라는 상수형 배열을 만든다
  • Cell 내의 titleLabel 안에 indexPath.row를 활요하여 위치에 맞게 넣어주는 방식

  https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcVKiyP%2Fbtrc2n9T1el%2FE8b9XvA2JqkrtrcWCrZDDk%2Fimg.png

  https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbUsege%2FbtrcXklZSQr%2FfQicD7TDNT8QScrPKmy12K%2Fimg.png