MVVM-C(Coordinator) 아키텍처 패턴에 대해 설명해주세요.

[JooYoungNoh]

• Coordinator의 역할과 구현 방법을 설명해주세요.
• MVVM-C 패턴의 장단점과 적용 사례를 소개해주세요.

[JooYoungNoh]

MVVM-C 패턴

• 앱의 네비게이션 흐름을 관리하고, 각각의 화면 간에 데이터 전달 및 상호 작용을 조정하는디자인 패턴
• 기존 MVVM 패턴에서 View는 화면 이동, 데이터 전달, 자신의 데이터 및 표시 등의 역할을 하는데 화면 이동, 데이터 전달 등을 Coordinator로 하여 View를 자신의 데이터 및 표시와 관련된 로직에 집중할 수 있게 하여 유지보수하기 쉽고 재사용성을 높혀줌

기존 화면 전환

코디네이터 화면 전환

계층별 역할

Model

• 데이터 모델
• 네트워크 와 데이터베이스의 데이터 형태의 정의하는 담당

View

• 사용자가 보는 화면
• 화면의 구조와 레이아웃을 담당
• UIKit 또는 SwiftUI와 같은 프레임워크를 사용하여 구현

ViewModel

• View와 Model 사이의 매개체 역할
• View에서 사용되는 데이터를 제공하고 사용자의 액션을 받아들여 처리하며 필요한 경우 Model에게 데이터를 요청
• 비즈니스 로직을 포함하고 View에 표시되는 데이터를 가공하거나 변형

Coordinator

• 네비게이션 흐름을 관리하고 각 화면 간의 전환 및 데이터 전달을 조정
• 화면 간의 관계를 관리하고 각각의 화면이 독립적으로 동작하도록 보장
• 각각의 화면에 대한 ViewModel 인스턴스를 생성하고, 필요한 경우 데이터를 주입

장단점

장점

책임 분리

• 각 구성 요소의 책임을 명확히 나누어 유지보수와 테스트를 쉽게 만듦

테스트 용이성

• 각 요소가 분리되어 있기 때문에 단위 테스트를 작성하기가 더 쉬움 특히 ViewModel은 순수한 Swift 코드이므로 테스트하기가 훨씬 용이합니다.

재사용성

• ViewModel은 UI와 독립적이므로 여러 뷰에서 재사용할 수 있음
• Coordinator를 사용하여 네비게이션 로직을 분리함으로써 재사용 가능한 네비게이션 흐름을 정의할 수 있음

유연성

• 각 요소는 느슨하게 결합되어 있기 때문에 변경이 쉬움

단점

어려움

• 구조를 이해하기가 어려움

코드 양 증가

• 각 요소를 분리하고 관리하기 위해 더 많은 파일과 코드가 필요할 수 있음

과도한 분리

• 너무 많은 분리는 오히려 코드를 이해하기 어렵게 할 수 있음

적용 사례

큰 규모의 앱

• 책임을 분리함으로써 여러 팀이 동시에 작업할 수 있고 코드의 유지보수가 쉬움

복잡한 UI 흐름

• 다단계 프로세스나 깊은 네비게이션 스택이 있는 앱에 적합

테스트 가능성이 높은 비즈니스 로직

• ViewModel에 비즈니스 로직을 중점적으로 두는 앱에서 유용
• ViewModel은 순수한 Swift 코드로 작성되므로 테스트하기가 용이

구현 방법

👉 전체코드

Model

struct ToDo {
    var title: String
    var description: String
    var completed: Bool
}

ViewModel

class ToDoListViewModel {
    var toDoList: [ToDo] = [
        ToDo(title: "Grocery shopping", description: "Buy milk, eggs, bread, and cheese.", completed: false),
        ToDo(title: "iOS Project", description: "Work on the SwiftUI to-do list app.", completed: false),

        ~~~

        ToDo(title: "Learn Guitar", description: "Practice guitar chords for at least 20 minutes.", completed: true),
        ToDo(title: "Call Parents", description: "Have a catch-up call with mom and dad.", completed: true)
    ]

    func saveTodo(title: String, description: String) {
        self.toDoList.append(ToDo(title: title, description: description, completed: false))
    }

    func changeToDo(row: Int, title: String, description: String, completed: Bool) {
        toDoList[row] = ToDo(title: title, description: description, completed: completed)
    }
}

View

class ToDoListView: UIViewController {
    weak var coordinator: ToDoListCoordinator?
    var viewModel: ToDoListViewModel?

    ~~ 대충 뷰 그리는 함수

//MARK: 액션 메소드
extension ToDoListView {
    @objc func addButtonClick(_ sender: UIBarButtonItem) {
        coordinator?.showAddToDoListView()
    }
}

~~~

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        coordinator?.showDetailToDoListView(row: indexPath.row)
    }

class DetailToDoListView: UIViewController {
    weak var coordinator: DetailToDoListCoordinator?
    var viewModel: ToDoListViewModel?

    var listItem: ToDo
    var row: Int

    init(coordinator: DetailToDoListCoordinator?, viewModel: ToDoListViewModel, listItem: ToDo, row: Int) {
        self.coordinator = coordinator
        self.viewModel = viewModel
        self.listItem = listItem
        self.row = row
        super.init(nibName: nil, bundle: nil)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    ~~~ 대충 뷰 그리는 함수

//MARK: 버튼 메소드
extension DetailToDoListView {
    @objc func closeButtonClick(_ sender: UIBarButtonItem) {
        coordinator?.dismiss()
    }

    @objc func saveButtomClick(_ sender: UIButton) {
        self.viewModel?.changeToDo(
            row: row,
            title: self.titleTextView.text,
            description: self.descriptionTextView.text,
            completed: self.completedSeg.selectedSegmentIndex == 1 ? true : false)

        coordinator?.dismiss()
    }
}

Coordinator

protocol Coordinator: AnyObject {
    var childCoordinators: [Coordinator] { get set }
    var navigationController: UINavigationController { get set }

    func start()
}

class AppCoordinator: Coordinator {
    var childCoordinators: [Coordinator] = []
    var navigationController: UINavigationController

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

    func start() {
        let coordinator = ToDoListCoordinator(navigationController: navigationController)
        coordinator.start()
        childCoordinators.append(coordinator)
    }
}

 guard let windowScene = (scene as? UIWindowScene) else { return }

        let navigationController = UINavigationController()
        coordinator = AppCoordinator(navigationController: navigationController)
        coordinator?.start()

        window = UIWindow(windowScene: windowScene)
        window?.rootViewController = navigationController
        window?.makeKeyAndVisible()

class ToDoListCoordinator: Coordinator {
    var childCoordinators: [Coordinator] = []
    var navigationController: UINavigationController

    var viewModel = ToDoListViewModel()

    let vc = ToDoListView()

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

    func start() {
        vc.coordinator = self
        vc.viewModel = viewModel

        navigationController.pushViewController(vc, animated: true)
    }

    func showAddToDoListView() {
        let coordinator = AddToDoListCoordinator(navigationController: navigationController, viewModel: viewModel)
        coordinator.delegate = self
        coordinator.start()
        childCoordinators.append(coordinator)
    }

    func showDetailToDoListView(row: Int) {
        let coordinator = DetailToDoListCoordinator(
            navigationController: navigationController,
            viewModel: viewModel,
            listItem: self.viewModel.toDoList[row],
            row: row)
        coordinator.delegate = self
        coordinator.start()
        childCoordinators.append(coordinator)
    }
}

extension ToDoListCoordinator: AddToDoDelegate {
    func reloadData() {
        self.vc.tableView.reloadData()
    }

    func dismiss(coordinator: AddToDoListCoordinator) {
        childCoordinators = childCoordinators.filter { $0 !== coordinator }
    }
}

extension ToDoListCoordinator: DetailToDoDelegate {
    func dismiss(coordinator: DetailToDoListCoordinator) {
        childCoordinators = childCoordinators.filter { $0 !== coordinator }
    }
}