Using UI Table View With Swift

News-App

Table View와 Table view controller

  • Table View : Table의 크기를 지정할 수 있다.
  • Table View Controller: 전체의 뷰가 하나의 테이블

Table View

  1. Table view 구성요소 결정하기
  • 어떤 데이터로 구성할 것인가.
  • 몇 개의 데이터로 이루어져 있는가.
  • 행 클릭시 발생할 이벤트 (옵션)
  1. Class 상송
  • UITableViewController, UITableViewDataSource 상속

  • 발생한 Error는 Fix 버튼을 눌러 해결할 수 있다.

  1. 결과

Table View (Dynamic)

  1. Table View Cell 추가

  1. Lable 추가 및 class와 연결

  • Lable은 cell 안에 추가한다.

  • Table View를 보면 Dynamic Prototypes가 설정된 것이 보일 것이다.
  1. 결과화면

추가) 타입캐스팅 as

  • 부모와 자식 간의 관계를 정하는데에 있어 친자를 확인하는 용도이다.

(1) as?

  • 안전한 추론 방법이다. (내가 자식이 맞니?)

(2) as!

  • 강제로 추론하는 방법이다. (내가 자식이 맞아!)

Cell Click Event

News App

  1. HTTP 통신
  • urlsession
  1. JSON 데이터 형태
  • 정의: Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷
  • 간단히 말하자면, 네트워크에서 통신 내에서 데이터를 주고받을 때 JSON으로 주고받는 데이터 형태
  • 기본 형태: {“key”:”value”} 또는 {[“value”,”value”,”value”]}
  • 추가: {[{“key”:”value”}, {“key”:”value”}, {“key”:”value”}]} 이러한 배열로 선언 가능

GitHub

View Github