테이블 뷰(UITableView)_[iOS/Swift]_(1)

 

---

 

 

TableView

테이블 뷰를 왜 사용할까? 정갈하게 보여지기 위해서?
전화번호부만 생각해봐도 여러 정보들을 담는 화면의 경우에는 TableView가 유용할 것이다.
이렇게 유사한 UI가 반복적으로 가변하는 데이터를 나타낼 때 사용하면 좋다.

TableView는 어떻게 사용할까?🤔

1. 테이블에 사용되는 데이터가 무엇인가.
(ex) 전화번호부, 아이폰 Setting 앱 , ∙∙∙

2. 데이터가 몇 개인가?
(ex) 100개, 1000개, 10000개, ∙∙∙

3. 데이터가 있는 행을 클릭하면? - (필수 X)

 

 

---

< Table View로 list 만들기>

 

① XCode - 앱 생성
→ (이름: MyTableView)으로 하겠음.  <자유롭게>

---

② 스토리보드에서 Show Library - Table View 추가 - 하단에 Add New Constraints에서 상하좌우 0으로 셋팅

---

③ ViewController 코드와 연결 (control - drag & drop)
→ (이름: TableViewMain)으로 하겠음. <자유롭게>

---

④ class에 UITableViewDelegate,UITableViewDataSource 추가
class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {

---

⑤ 4번처럼 추가하면, 빨간색 알림이 뜸(Do you want to add protocol stubs?) - Fix 클릭.

(↓) 아래처럼 자동으로 코드가 셋팅됨. (↓)

 

---

⑥ 위에 code 채우기!

1> 첫 번째 code → 'numberOfRowInSection 어쩌고저쩌고.. 음. 섹션 안에 행의 수..?'
- 데이터는 몇 개인가.

▷ return 행 개수
→ return 20으로 하겠음. <자유롭게>


2> 두 번째 code → 데이터가 무엇인가.
두 가지 방법이 있는데, 일단 1번째 방법 Go! → 임의의 셀 만들기


▷ let cell = UITableViewCell.init( ) 해서 아래 화면처럼 선택!

 

---

⑦ UITableViewCell.CellStyle → .default
String? → "Identifier이름"
("TableViewFirstType" 으로 하겠음. <자유롭게>)

reuseIdentifier에서 reuse가 뭐길래 " "을 넣지?🤔
→ '특정 셀을 계속 반복해서 메모리를 효율적으로 사용하겠다.'

즉, 위에서 return 20을 했지만, 만약에 10000, 100000...점점 커진다고 가정한다면..?
코드가 그만큼 돈다(cell을 재활용하지 않는다)는 뜻이고,
그렇게 되면, 결국 앱의 메모리가 부족할 것이다.

그래서 이를 효과적으로 관리하기 위해서 특정한 셀을 계속 반복해서
메모리를 효율적으로 사용하겠다는 의미로 "__" 이름을 정해준 것이다. 

---

⑧ 위 코드 이어서 작성
cell.textLabel.text = "\(indexPath.row)"
→ 행의 셀인데 순번을 가지고 있는 'indexPath' 를 이용해서 각 셀마다 숫자를 넣겠다.

---

⑨ return cell

---

⑩ viewDidLoad 에서 작성
TableViewMain.dataSource = self
TableViewMain.delegate = self

여기서 self가 의미하는 것은
self = 나 자신 = class → class 안에 있는 해당하는 함수로 찾아가는 뜻.
(클래스에서 UITableViewDelegate,UITableViewDataSource를 구현해놨기 때문에 연결이 된 것.)

---

끝! 🥹
실행 GoGo!!

---

ViewController

결과물

 

---

바로 이어서 다음 게시물에
위에서 ⑥에서 언급했던 2번째 방법 Go!

2024.03.02 - [Study/YouTube 강의 공부] - 테이블 뷰(UITableView)_[iOS/Swift]_(2)

---