MVVM, MVI, Ribs, VIP 등 자신이 알고있는 아키텍쳐를 설명하시오.

[YouHojoon]

MVC

• 데이터를 나타내는 Model, 화면을 나타내는 View, 그 사이의 중개를 하는 Controller로 이뤄져있는 구조
• 로직이 Controller에 집중되며 특히 iOS에서는 View와 Controller가 결합되어 있어 massive ViewContorller가 되기 쉽다.
• testable한 코드를 작성하기 힘들다.

MVVM

• Controller의 역할을 ViewModel이 하는 구조이다.
• ViewModel과 View사이의 데이터를 바인딩한다.
• ViewController는 View의 역할만 하여 바인딩된 데이터를 보여주는 역할만 수행한다.

MVP

• Controller의 역할을 Presenter가 하도록 구현한다.
• View와 Presenter는 Interface를 통해 연결되어있다는 것이 MVC와의 차이점이다.
• Presenter가 뷰의 데이터와 상태를 업데이트한다.

import UIKit

struct Person { // Model
    let firstName: String
    let lastName: String
}

protocol GreetingView: class {
    func setGreeting(greeting: String)
}

protocol GreetingViewPresenter {
    init(view: GreetingView, person: Person)
    func showGreeting()
}

class GreetingPresenter : GreetingViewPresenter {
    unowned let view: GreetingView
    let person: Person
    required init(view: GreetingView, person: Person) {
        self.view = view
        self.person = person
    }
    func showGreeting() {
        let greeting = "Hello" + " " + self.person.firstName + " " + self.person.lastName
        self.view.setGreeting(greeting)
    }
}

class GreetingViewController : UIViewController, GreetingView {
    var presenter: GreetingViewPresenter!
    let showGreetingButton = UIButton()
    let greetingLabel = UILabel()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.showGreetingButton.addTarget(self, action: "didTapButton:", forControlEvents: .TouchUpInside)
    }

    func didTapButton(button: UIButton) {
        self.presenter.showGreeting()
    }

    func setGreeting(greeting: String) {
        self.greetingLabel.text = greeting
    }

    // layout code goes here
}
// Assembling of MVP
let model = Person(firstName: "David", lastName: "Blaine")
let view = GreetingViewController()
let presenter = GreetingPresenter(view: view, person: model)
view.presenter = presenter

VIP

• View, Interactor, Presenter로 이루어져있는 구조
• Interactor는 비즈니스 로직을 관리
• Presenter는 Interactor에서 얻는 응답을 View에게 전달하는 역할
• Router는 화면 전환을 담당
• 네트워크가 필요한 경우 Worker를 통해 처리

VIPER

• View, Presenter, Interactor, Entity, Routing으로 이루어져있는 구조

View

• 이벤트가 발생시 Presenter에 해당 일을 전달
• Presenter의 요청대로 디스플레이하고 사용자의 입력을 Presenter에 보냄

Presenter

• Entity로 받은 업데이트 이벤트를 실행하지만 데이터를 직접적으로 보내지는 않는다.
• View 모델의 변경사항을 Interactor에 알린다
• Interactor로부터 데이터를 가져오고 View로 보내기 위해 데이터를 준비하여 언제 View를 보여줄지 결정

Interactor

• Presenter로 부터 받은 모델 변경사항에 따라 Entity에 접속하여 Entity로 부터 수신한 데이터를 Presenter로 전달
• Entity 모델 객체를 조작하는 로직을 담음

Entity

• 객체에 구성된 부분을 Interactor에 의해 제어
• 순수 모델 객체

Routing

• Wireframe이라고 불리기도 하고 화면간 탐색을 위한 라우팅을 담당
• 화면 전환과 의존성 주입을 담당

장점

1. 각 도메인의 역할이 명확하게 구분
2. 모듈을 작게 역할을 분명히 하기에 대규모 프로젝트에 적합

단점

1. 설계가 난립
2. 명확한 가이드가 없음
3. 많은 파일들을 생성

import UIKit

struct Person { // Entity (usually more complex e.g. NSManagedObject)
    let firstName: String
    let lastName: String
}

struct GreetingData { // Transport data structure (not Entity)
    let greeting: String
    let subject: String
}

protocol GreetingProvider {
    func provideGreetingData()
}

protocol GreetingOutput: class {
    func receiveGreetingData(greetingData: GreetingData)
}

class GreetingInteractor : GreetingProvider {
    weak var output: GreetingOutput!

    func provideGreetingData() {
        let person = Person(firstName: "David", lastName: "Blaine") // usually comes from data access layer
        let subject = person.firstName + " " + person.lastName
        let greeting = GreetingData(greeting: "Hello", subject: subject)
        self.output.receiveGreetingData(greeting)
    }
}

protocol GreetingViewEventHandler {
    func didTapShowGreetingButton()
}

protocol GreetingView: class {
    func setGreeting(greeting: String)
}

class GreetingPresenter : GreetingOutput, GreetingViewEventHandler {
    weak var view: GreetingView!
    var greetingProvider: GreetingProvider!

    func didTapShowGreetingButton() {
        self.greetingProvider.provideGreetingData()
    }

    func receiveGreetingData(greetingData: GreetingData) {
        let greeting = greetingData.greeting + " " + greetingData.subject
        self.view.setGreeting(greeting)
    }
}

class GreetingViewController : UIViewController, GreetingView {
    var eventHandler: GreetingViewEventHandler!
    let showGreetingButton = UIButton()
    let greetingLabel = UILabel()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.showGreetingButton.addTarget(self, action: "didTapButton:", forControlEvents: .TouchUpInside)
    }

    func didTapButton(button: UIButton) {
        self.eventHandler.didTapShowGreetingButton()
    }

    func setGreeting(greeting: String) {
        self.greetingLabel.text = greeting
    }

    // layout code goes here
}
// Assembling of VIPER module, without Router
let view = GreetingViewController()
let presenter = GreetingPresenter()
let interactor = GreetingInteractor()
view.eventHandler = presenter
presenter.view = view
presenter.greetingProvider = interactor
interactor.output = presenter