Protocol Oriented Programming in Swift

let swift(16)
Protocol Oriented
Programming
POP in Swift
조성규

Contents
Protocol Oriented Programming Overview
POP & Value in Project
Model, View, Controller with POP & Value
Advantage
Limitation
Summary

Protocol in Objective-C
단지 기능의 청사진의 역할을 수행
주로 Delegate, DataSource 등으로 이용
기본 구현 (Default Implementation) 불가
카테고리 적용 불가

Protocol in Swift
Objective-C의 프로토콜 기능은 기본
기본 구현(Default Implementation) 가능
Protocol + Extension = Protocol extension
특정 타입이 할 일 지정 + 구현을 한 방에!

Protocol extension
protocol LayoutDrawable {
func drawSomeLayout()
}
class MyView: UIView, LayoutDrawable {
func drawSomeLayout() {
// Draw some layout...
}
}

Protocol extension
}
extension LayoutDrawable {
}
}
}

Protocol extension
}
}
}
}
Protocol  
Default Implimentation

Protocol extension
}
}
}
extension UIView: LayoutDrawable { }
extension SKNode: LayoutDrawable { }

Idea from…
상속의 한계
서로 다른 클래스에서 상속받은 클래스는 동일한 기능
을 
구현하기 위해 중복코드 발생
카테고리의 한계 및 부작용
프로퍼티 추가 불가
오직 클래스에만 적용 가능
기존 메서드를 (자신도 모르게) 오버라이드 가능
Protocol  

Idea from…
참조타입의 한계
동적 할당과 참조 카운팅에 많은 자원 소모
Using Value Type

class
Person
struct
Turtle
struct
Frog
class
Bird
struct
Fish
protocol
Runable
protocol
Flyable
protocol
Swimable
protocol
Talkable

class
Person
struct
Turtle
struct
Frog
class
Bird
struct
Fish
protocol
Runable
protocol
Flyable
protocol
Swimable
protocol
Talkable
protocol
Runable
protocol
Swimable
protocol
Swimable
protocol
Swimable

class
Person
struct
Turtle
struct
Frog
class
Bird
struct
Fish
protocol
Runable
protocol
Flyable
protocol
Swimable
protocol
Talkable
protocol
Runable
protocol
Swimable
protocol
Swimable
protocol
Swimable
(Extension)

여기까지…
Protocol-Oriented Programming in Swift
(#WWDC15, 408)

So WHAT??
어떻게 써먹으라고?

“POP 그것이 알고싶다”
지금부터 시작합니다!

Social Networking Service

Social Networking Service
Social Media

타임라인을 나타낼 수 있는 테이블 뷰 컨트롤러를 구성해 봅니다
“테이블 뷰 형식의 타임라인이 필요해요”

Protocol Oriented Programming in Swift

class TimelineTableViewCell: UITableViewCell {
var mediaImageView: UIImageView
var note: UILabel
var content: NSDictionary
}
class TimelineTableViewController: UITableViewController {
var contents: [NSDictionary]
}
class DetailViewController: UIViewController {
var mediaImageView: UIImageView
var note: UILabel
var content: NSDictionary
}

“성규씨, 정말 간단한 기능이 더 필요해요”
사진첩 처럼 볼 수 있는 모드를 추가할 수 있을까요?

“성규씨, 정말 간단한 기능이 더 필요해요”
사진첩 처럼 볼 수 있는 모드를 추가할 수 있을까요?
……………………

어찌 합니까
어떻게 할까요

Table View Cell 
 
 
 
 
 
Collection View Cell

Content Model
class Content {
var URLString: String
var note: String
}
struct Content {
var note: String
}

Model Property
class TimelineTableViewController: UITableViewController {
var contents: [Content]
// …
}
class TimelineCollectionViewController: UITableViewController {
// …
}

Model Property
class TimelineTableViewController: UITableViewController,
ContainContents {
// …
}
class TimelineCollectionViewController: UITableViewController ,
ContainContents {
// …
}
protocol ContainContents {
var contents: [Content] { get }
}

Model Property
ContainContents { … }
class TimelineCollectionViewController: UITableViewController,
ContainContents { … }
protocol ContainContents {
var contents: [Content] { get }
}
class TimelineContentObject {
static let shared = TimelineContentObject()
var contents: [Content] = [Content]()
}
extension ContainContents {
var contents: [Content] {
return TimelineContentObject.shared.contents
}
}

Table View Cell 
 
 
 
 
 
Collection View Cell 
Detail View Controller’s view

View
protocol MediaContainer: class {
var content: Content? { get set }
var media: UIImageView { get }
var note: UILabel { get set }
func contentChanged()
}
extension MediaContainer {
func contentChanged() {
// Update view...
}
}

View
class TimelineTableViewCell: UITableViewCell,
MediaContainer {
var media: UIImageView
var note: UILabel
var content: Content? {
didSet {
contentChanged()
}
}
}
class TimelineCollectionViewCell: UICollectionViewCell,
MediaContainer {
var note: UILabel
didSet {
contentChanged()
}
}
}

View
class DetailViewController: UIViewController,
MediaContainer {
var note: UILabel
didSet {
contentChanged()
}
}
}

Controller
protocol CanShowDetailView {
func showDetailView(withContent content: Content)
var navigationController: UINavigationController? { get }
}
extension CanShowDetailView {
func showDetailView(withContent content: Content) {
// Show detail view...
}
}

Controller
ContainContents, CanShowDetailView {
…
}
class TimelineCollectionViewController: UITableViewController,
ContainContents, CanShowDetailView {
}

“이건 진짜 간단한건데요!!”
사진 말고 영상도 보여줄 수 없을까요?

“이건 진짜 간단한건데요!!”
사진 말고 영상도 보여줄 수 없을까요?
……………………

Table View Cell 
 
 
 
 
 
Collection View Cell 
Detail View Controller’s view
Image or Video

Protocol
}
// Update view...
}
}

Protocol
protocol ContentPresentable: class, Layout {
var frame: CGRect { get set }
var canPresentContent: Bool { get }
}
extension ContentPresentable {
var canPresentContent: Bool {
return true
}
}
extension UIImageView: ContentPresentable { }
extension AVPlayerLayer: ContentPresentable { }

Protocol / Model
}
// Update view...
}
}
struct Content {
var note: String
}

Protocol / Model
var media: ContentPresentable { get }
}
// Update view...
}
}
struct Content {
enum MediaType {
case image, video
}
var type: Content.MediaType
var note: String
}

Protocol / Model
var media: ContentPresentable { get }
var videoLayer: AVPlayerLayer { get }
var mediaImageView: UIImageView { get }
}
// Update view...
}
}
struct Content {
enum MediaType {
case image, video
}
var type: Content.MediaType
var note: String
}

Protocol
// Update view...
}
}
// Update view...
}
var media: ContentPresentable {
switch content!.type {
case .image:
return mediaImageView
case .video:
return videoLayer
}
}
}

Advantage
범용적인 사용
클래스, 구조체, 열거형 등등 모든 타입에 적용 가능
제네릭과 결합하면 더욱 파급적인 효과 
(Type safe & Flexible code)

Advantage
상속의 한계 극복
특정 상속 체계에 종속되지 않음
프레임워크에 종속적이지 않게 재활용 가능

Advantage
적은 시스템 비용
Reference type cost > Value type cost
용이한 테스트
GUI 코드 없이도 수월한 테스트

Limitation
Objective-C Protocol 
+  
Swift Extenstion 
 
Default
Implimentation≠
자주 사용되는 Delegate, DataSource 등
프레임워크 프로토콜에 기본구현 불가

Limitation
extension UITextFieldDelegate {
func textFieldShouldReturn(textField: UITextField) -> Bool {
textField.endEditing(true)
return true
}
}
extension UITableViewDelegate {
func tableView(tableView: UITableView, didSelectRowAtIndexPath
indexPath: NSIndexPath) {
tableView.deselectRowAtIndexPath(indexPath, animated: true)
}
}
이것이 안되면  
정녕 무슨 소용이란 말입니까…
OTL

Summary
Value Type을 사용하여 성능상의 이득을 취하자
Protocol + Extension + Generic은 환상의 조합
이다
이제 상속을 통한 수직 확장이 아닌 
Protocol과 Extension을 통한 수평 확장과 
기능추가를 고민해 볼 때…

Reference
Protocol-Oriented Programming in Swift
(#WWDC15, 408)
Building Better Apps with Value Types in Swift
(#WWDC15, 414)
Protocol and Value Oriented Programming in
UIKit Apps (#WWDC16, 419)
LET’SWIFT 2016 Session 
: 스위프트 퍼포먼스 이해하기 - 유용하 님

Protocol Oriented Programming in Swift

Recommended

More Related Content

What's hot (20)

Viewers also liked (7)

Similar to Protocol Oriented Programming in Swift (20)

Protocol Oriented Programming in Swift