[iOS, Swift] 테이블뷰 만들기 (Storyboard, xib)

Xcode 13.31, Swift 5, UIKit 환경에서 진행했습니다.

 

화면에 테이블 뷰 만들기

 

Xcode 오른쪽 위 + 기호를 눌러 라이브러리를 열어줍니다 (단축키 Command + Shift + L)

테이블뷰를 선택한 뒤 Storyboard에 드래그하여 올려줍니다.

Contraint를 추가합니다. 네방향 0으로 설정하여 전체를 채워줍니다.

코드에서 테이블뷰의 Delegate와 DataSource를 추가합니다.

Delegate는 테이블뷰의 이벤트를 ViewController에서 처리할 수 있게하고

DataSource는 테이블뷰의 데이터를 처리할 수 있도록 도와줍니다.

 

 

테이블셀 만들기

 

 

Cocoa Touch class를 만듭니다. 이 때에 XIB 파일도 같이 생성합니다. 

XIB 파일에 있는 뷰를 연결합니다.

 XIB identifier을 설정해주어야 테이블뷰에서 셀을 재활용할 수 있습니다.

 

뷰와 같은 이름으로 Model을 만들어줍니다.

 

 

테이블뷰와 테이블셀 연동

 테이블뷰에 Nib파일을 등록하여 연동합니다.

 테이블셀에 들어갈 이름을 모델배열에 넣어줍니다.

첫번째 함수에서 보여줄 테이블셀의 개수를 설정합니다.

두번째 함수에서는 모델에 있는 title을 cell text에 지정합니다. 

 

 

 

 

결과