iOS - MVC(Model-View-Controller) 패턴이란 무엇일까?

iOS 개발에서는 여러 가지 디자인 패턴을 사용하여 앱을 관리하고 구조화한다. 

그 중 가장 일반적이며 대표적으로 사용되는 MVC 패턴에 대해 알아보려고 한다. 

 

MVC (Model - View - Controller)

MVC는 가장 기본적이고 일반적으로 사용되는 디자인 패턴이다. 앱의 구성을 세 가지 주요 구성 요소로 나누어 설계한다. 

Model : 앱의 데이터와 비즈니스 로직을 담당한다. 

View : 사용자 인터페이스를 표시하고 사용자의 입력을 처리한다. 

Controller : 모델과 뷰의 사이를 중재해준다. 사용자의 입력을 처리한다. 

 

 

Model

주로 struct와 class를 만든다. 앱이 가지는 데이터들을 담당한다. 

예를 들어, 전화번호부이면 이름, 전화번호, 소속 등을 저장하고 이를 model에서 정의하게 된다.

Todo List를 기반으로 코드 예시를 들어보겠다.  

 

// ToDo List를 나타내는 Model
struct TodoItem {
    var title: String
    var isCompleted: Bool
}

 

 

 

 

View

주로 UIKit을 상속한다. UIButton, UIViewController, UILabel와 같은 것이고 Controller의 통제를 받게 된다. 

화면을 구상하는 역할을 한다. 

콘솔 기반으로 코드 예시를 들어보겠다. 

 

// 콘솔 기반의 View
class ConsoleView {
    func displayTodos(_ todos: [TodoItem]) {
        for (index, todo) in todos.enumerated() {
            print("\(index + 1). [\(todo.isCompleted ? "✅" : " ")] \(todo.title)")
        }
    }
    
    func askForNewTodoTitle() -> String? {
        print("Enter a new todo title: ", terminator: "")
        return readLine()
    }
    
    func askForTodoIndexToDelete() -> Int? {
        print("Enter the index of the todo to delete: ", terminator: "")
        if let input = readLine(), let index = Int(input) {
            return index
        }
        return nil
    }
}

 

displayTodos(_:) 메서드는 ToDo 항목들을 출력하여 사용자에게 보여준다. 

askForNewTodoTitle() 메서드는 사용자로부터 새로운 ToDo 항목의 제목을 입력 받는다.

askForTodoIndexToDelete() 메서드는 사용자로부터 삭제할 ToDo 항목의 인덱스를 입력 받는다.

 

 

 

 

Controller 

Model과 View 둘 사이를 관리한다. 

Model의 데이터를 사용해서 view에 보여주기도 하며, 데이터가 변하면 이를 view에 다시 적용하기도 한다. 

view에서 어떠한 일이 발생하면 이를 model에게 전달해서 데이터를 바꿀 수도 있다. 

 

// Controller
class TodoListController {
    private var todos: [TodoItem] = []
    private let consoleView = ConsoleView()
    
    func start() {
        print("To-Do List App")
        while true {
            consoleView.displayTodos(todos)
            print()
            print("1. Add Todo  2. Delete Todo  3. Quit")
            if let choice = readLine() {
                switch choice {
                case "1":
                    addTodo()
                case "2":
                    deleteTodo()
                case "3":
                    exit(0)
                default:
                    print("Invalid choice. Please try again.")
                }
            }
            print()
        }
    }
    
    private func addTodo() {
        if let title = consoleView.askForNewTodoTitle() {
            let newTodo = TodoItem(title: title, isCompleted: false)
            todos.append(newTodo)
        }
    }
    
    private func deleteTodo() {
        if let index = consoleView.askForTodoIndexToDelete() {
            if index >= 0 && index < todos.count {
                todos.remove(at: index)
            } else {
                print("Invalid index. Please try again.")
            }
        }
    }
}

 

start() 메서드는 앱을 시작하고, 사용자 입력을 처리하며, View를 업데이트하는 주요 로직을 담고 있다. 

addTodo() 메서드는 사용자로부터 새로운 ToDo 항목을 추가하는 로직을 처리한다.

deleteTodo() 메서드는 사용자로부터 삭제할 ToDo 항목의 인덱스를 입력 받고, 해당 항목을 삭제하는 로직을 처리한다.

 

 

 

 

간단 정리

Model은 데이터를 저장하고 변경을 추적하며 데이터와 관련된 로직을 수행한다. View와 Controller와 직접적으로 상호작용하지 않는다. 

 

View는 화면을 표시하며 model의 데이터를 표시하고 Controller에게 사용자의 입력을 전달한다. 직접적으로 Model에 대한 정보는 받지 못하며 Controller를 통해 받는다. 

 

Controller는 Model과 View 사이에서 중개자 역할을 하고 사용자의 입력을 처리한다. 사용자의 액션에 반응하여 View와 Model에 업데이트한다. 

 

MVC 패턴은 각 구성 요소 간의 강력한 결합을 피하고, 앱을 더 쉽게 관리하고 확장할 수 있게 해준다. 또한, 각 구성 요소가 분리되어 있기 때문에, 한 구성 요소를 수정하더라도 다른 구성 요소에 영향을 주지 않는다. 이로 인해 유지 보수가 용이하다.