Coordinator Pattern 개념 + 간단한 예시

 

Coordinator 패턴을 만든 사람이 작성한 제작 이유와 개념 소개 입니다.

https://khanlou.com/2015/01/the-coordinator/

쓰임이나 코드를 보기에 앞서

어떤 개념(어떤 문제를 해결할려고)으로 만들었는지 설명되어 있네요

 

 

 

 

Coordinator 패턴이란 

 

여러 VC간 Navigation의 이동이나 데이터, 이벤트의 전달을 깔끔하고 분리된 방식으로 관리하는 방법입니다.

각 VC는 Coordinator 와 연결되어있습니다.

 

 

그래서 Coordinator를 

VC간 중재자 역할을 하고 present와 dismiss를 제어하는 역할 (프로토콜)로 봐도 될 것 같습니다

 

 

 

 

간단한 예시입니다. (위 3가지를 적용)

 

Home VC에서 탭했을때 Detail VC로 넘어가는 화면전환을 Coordinator를 활용하여 구현해보겠습니다.

 

 

protocol Coordinator {
    func start()
}

 

1) 먼저 base coordinator 프로토콜을 만들어 줍니다.

 

 

 

 

2) Home coordiantor 을 구현하고, base coordinator를 채택합니다.

 

class HomeCoordinator: Coordinator {
    var navigationController: UINavigationController

    init(navigationController: UINavigationController) {
        self.navigationController = navigationController
    }

    func start() {
        let homeVC = HomeViewController(coordinator: self)
        homeVC.coordinator = self
        navigationController.pushViewController(homeVC, animated: true)
    }

    func showDetail(for item: String) {
        let detailCoordinator = DetailCoordinator(navigationController: navigationController, item: item)
        detailCoordinator.start()
    }
}

 

 

HomeCoordinator에는 

 

Navigator를 받아서 그 Navigator로 HomeVC를 보여주거나,

DeatilVC를 보여줍니다.

(HomeVC와 동일하게 Detail Coordinator에서 DetailVC가 보여지도록 구현합니다.)

 

 

 

 

Home coordiantor와 마찬가지로 base coordinator를 채택한

Detail Coordinator 입니다.

class DetailCoordinator: Coordinator {
    var navigationController: UINavigationController
    var item: String

    init(navigationController: UINavigationController, item: String) {
        self.navigationController = navigationController
        self.item = item
    }

    func start() {
        let detailVC = DetailViewController(item: item)
        detailVC.coordinator = self
        navigationController.pushViewController(detailVC, animated: true)
    }
}

 

 

 

 

3) 마지막으로 HomeVC를 구현합니다.

 

HomeCoordinator를 가져오고,

탭했을때 Home coordinator에서 Detail VC를 보여주는 이벤트를 불러옵니다.

 

class HomeViewController: UIViewController {
    weak var coordinator: HomeCoordinator?

    // ... your other code ...

    func didSelectItem(_ item: String) {
        coordinator?.showDetail(for: item)
    }
}


// Detail VC
class DetailViewController: UIViewController {
    weak var coordinator: DetailCoordinator?
    var item: String

    init(item: String) {
        self.item = item
        super.init(nibName: nil, bundle: nil)
    }

    // ... your other code ...
}

 

 

 

간단한 예제를 통해 Coordinator 패턴에 대해 알아보았습니다.

 

 

이렇게 쓰는 이유와 장점으로는

 

1. 관심사 분리

2. Navigation의 흐름 관점에서 VC간 의존성을 낮출 수 있다. (Detail VC간접 호출)

3. 그리고 로그아웃, 로그인 등 이런 상태값들을 Coordinator에서 관리할 수 있어서 깔끔하다.

 

등이 있는것 같습니다.

 

 

 

 

 

 

부족한 글 읽어주셔서 감사합니다.

틀린 부분이나 개선사항 알려주시면 감사드리겠습니다:)

 

 

 

 

 

 

 

 

추가로)

 

zeddios님이 작성하신

coordinator-pattern 글에서 추가적인 예시를 참고하시면 좋을것 같습니다.

 

https://zeddios.medium.com/coordinator-pattern-bf4a1bc46930

Coordinator Pattern