본문 바로가기

iOS/앱센터 스터디

앱센터 스터디 1주차 정리

 

 

 

왼쪽화면은 TaskViewController, 오른쪽화면은 SettingViewController입니다.

 

먼저 TaskVC에 대해서 어떤식으로 구성했는지 설명해드리겠습니다!

강의에서는 컬렉션 뷰를 이용해서 구성했던데 저는 강의를 좀 나중에 들어서 TableView로 구현했습니다...

 

일단 커스텀 Cell을 이용해주기 위해 UITableViewCell과 xib(Identity: "todocell")를 생성해서 디자인을 해줬습니다.

왼쪽에는 체크 버튼, 가운데에는 label, 오른쪽에는 삭제버튼으로 구성했습니다.

 

먼저 TasksViewController는 UITableViewController가 아니기때문에 Table View 객체를 만들어서 화면에 놧뒀습니다.

그리고 아까 만든 커스텀 셀과 TabelView를 연결해줘야합니다. 

이러면 코드를 작성하면 taskTableView가 "TableViewCell" (<- 커스텀셀)을 렌더링하도록 설정된 것입니다.

 

이제 TasksViewController에서 tabieView를 사용하기 위해 UITableViewDataSource와 UITableViewDelegate 프로토콜을 채택해줘야합니다.

 

해당 프로토콜들은 테이블 뷰의 셀에 사용되는 데이터를 관리하기 위해 사용되는 프로토콜입니다!

https://developer.apple.com/documentation/uikit/uitableviewdatasource

 

Apple Developer Documentation

 

developer.apple.com

 

해당 프로토콜을 사용해주기 위해서는 2가지의 메소드를 필수로 작성해줘야합니다.

 

/ Return the number of rows for the table.
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
   return 0
} // 1번 메소드

// Provide a cell object for each row.
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
   // Fetch a cell of the appropriate type.
   let cell = tableView.dequeueReusableCell(withIdentifier: "cellTypeIdentifier", for: indexPath)
   
   // Configure the cell’s contents.
   cell.textLabel!.text = "Cell text"
       
   return cell
} // 2번 메소드

1번 메소드는 section마다 cell의 개수를 반환하는 메소드

2번 메소드는 cell에 대한 정보를 반환해주는 메소드입니다!

이 두개는 필수적으로 작성해줘야하며 작성안할시 에러가 뜹니다..!

 

 

일단 저는 임시로 섹션마다 cell의 개수를 5개, 각 cell에 대한 정보는 cell이 재사용될 수 있도록 dequeueResableCell로 cell을 선언해주고 텍스트를 넣어줬습니다.

 

순서대로 메소드를 설명하자면

1. 섹션의 개수

2. 섹션의 높이 설정

3. 섹션의 정보

이렇게 일단 메소드를 사용했습니다.