구현 결과

구현 코드 - https://github.com/ryr0121/UIKitPractice/tree/main/TableViewPracticeWithStoryboard

 

구현 과정

1. Storyboard에 TableView 추가

컴포넌트 추가 단축키 - cmd + shift + L

 

2. 추가한 TableView를 @IBOutlet으로 연결

 

3. TableView에 사용할 TableViewCell을 xib파일로 정의

   (1) xib 파일 생성하기

새 파일 생성 단축키 - cmd + N
"Also create XIB file"을 반드시 체크!!!해주어야만 .xib이 생성됨
생성 완.

 

   (2) xib 파일 내에 컴포넌트 추가 및 레이아웃 구성

파일 듀얼로 띄우는 법 - option을 누른 채로 옆에 띄울 파일을 클릭

 

4. TableView를 사용하기 위한 사전 작업을 포함한 코드 추가 (프로토콜 채택, 커스텀 셀 등록 등)

class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()커

        setupTableView()
    }
    
    func setupTableView() {
        // TableView를 사용하기 위해 필수적인 프로토콜 채택
        tableView.delegate = self
        tableView.dataSource = self
        // TableView에 커스텀 셀을 사용하기 위한 사전 등록
        tableView.register(UINib(nibName: "MainTableViewCell", bundle: nil), forCellReuseIdentifier: "MainTableViewCell")
    }
}
class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        setupTableView()
    }
    
    func setupTableView() {
        // TableView를 사용하기 위해 필수적인 프로토콜 채택
        tableView.delegate = self
        tableView.dataSource = self
        // TableView에 커스텀 셀을 사용하기 위한 사전 등록
        tableView.register(UINib(nibName: "MainTableViewCell", bundle: nil), forCellReuseIdentifier: "MainTableViewCell")
    }
}

+ Recent posts