[iOS] MVC 패턴 (Model - View - Controller)

디자인패턴 중 앱 개발에 적용되는 MVC(Model-View-Controller) 패턴에 대해 정리해보자!

---

iOS 앱 프로그래밍

 

1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다.

 

• 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다.
• 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 
• Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 
• Autolayout 을 적용하며 UI를 개발하는 법 - 인터페이스 빌더 vs 코드로 작성
• iOS의 View 체계 - 뷰 계층, 뷰의 좌표, 프레임 vs 바운드, 뷰 계층 디버깅 툴
• 디자인 패턴과 MVC 패턴 - 싱글턴 패턴과 앱개발에서의 MVC 패턴을 중점적으로
• AVAudioPlayer, Timer - 음악 파일을 재생하기 위한 AVAudioPlayer, 시간초를 재기 위한 Timer

---

💡 MVC 패턴

MVC 패턴은 iOS 앱 개발에 적용되는 디자인 패턴으로 Model, View, Controller 로 구분하여 개발하는 것이다. 간단하게, Model 은 데이터, View 는 사용자에게 보여지는 화면, Controller 는 View 와 Model 을 관리하는 중재자이다. 애플리케이션 객체들을 생성할 때, 각각의 역할을 명확히 이해하고 할일을 적절하게 구분해 Model, View, Controller 중 하나로 할당해야한다. 그래야만 뷰의 재사용성을 높이고 올바른 데이터 흐름을 만들 수 있다.

 

* MVC 패턴에서는 컨트롤러가 View, Model 둘 다 컨트롤하기 때문에 할 일이 많고 유지보수하기 어렵다고 한다. 이를 개선하기 위한 MVVM 패턴 등도 학습할 예정이다!

MVC 패턴 [출처: 애플공식문서]

 

✔︎ Model 객체

• 앱에서 이용되는 데이터를 캡슐화하는 것이 주 목적으로 데이터를 조작, 처리하는 로직도 포함된다.
• Model 객체는 사용자 인터페이스와 관련된 View 객체에 명시적으로 연결되면 안된다.
• Model 객체는 Controller 에게 데이터가 수정됨을 알리고, Controller 에 의해 데이터를 수정한다.
• 모델 예시) 유저의 정보, 유저의 쇼핑 찜하기 목록, 주소록의 연락처
• 구현 예시) 서버의 JSON 데이터와 연결 -> Codable 프로토콜을 준수한 모델 구조체를 생성

 

✔︎ View 객체

• 앱에서 보여지는 화면의 객체들을 View 객체라고 하며, 사용자 동작에 응답할 수 있다.
• Model 객체의 데이터를 보여주고 데이터를 편집할 수 있도록 하는 것이 주 목적이다.
• View 객체는 사용자 액션을 Controller 에게 전달하고, Controller 에 의해 View 를 업데이트한다.

 

✔︎ Controller 객체

• View 객체와 Model 객체 사이에서 중개자 역할을 한다.
• View 객체에서 이뤄진 사용자 액션을 전달받아, 새롭게 생성되거나 변경되는 데이터를 Model 객체에게 전달한다.
• 반대로, Model 객체의 데이터가 변경되었을 때 이를 전달받아, View 객체에게 전달하기도 한다.
• Controller 객체는 다른 객체의 생애주기(Life cycle) 을 관리하기도 한다.

 

👀 코코아 터치 프레임워크에서의 두 가지 컨트롤러

 

코코아 터치 프레임워크는 코디네이팅 컨트롤러, 뷰 컨트롤러 두 가지 유형을 제공한다. iOS 앱에서는 뷰 컨트롤러가 코디네이팅 컨트롤러의 역할을 겸하는 경우가 많다.

 

✔︎ 코디네이팅 컨트롤러 (Coordinating Controller)

 

앱의 전체 혹은 일부 기능을 관리 감독한다. 앱별로 다른 로직이 주입되는 장소이다.

 

• Delegation 메세지에 응답하거나 알림을 관리한다.
• 사용자의 버튼 클릭 등에 따라 전송되는 동작 메세지에 응답한다.
• 앱을 시작하는 경우 객체 간 연결을 확립하거나 설정 작업을 수행한다.
• 소유한 객체의 생명 주기를 관리한다.

 

✔︎ 뷰 컨트롤러 (View Controller)

 

UIKit 프레임워크에서 View Controller 는 UIViewController 의 서브클래스이며, 뷰 컨트롤러의 역할을 다음과 같다.

 

• 콘텐츠를 화면에 표시하는 뷰를 관리하고, 해당 뷰에 대한 참조를 유지한다.
• 뷰를 보여주는 것과 후속 뷰로의 전환을 관리한다.
• Modal View 를 표시하고, 기기의 방향이 바뀔 때 뷰를 회전한다.
• 메모리 부족 경고에 응답한다.

* UIKit 프레임워크에서는 UITableViewController 와 같이 UIViewController 를 상속받은 특정 목적의 서브 클래스를 제공한다.

* 뷰 컨트롤러는 여러 프레임워크 객체에 대한 Delegate, Data source 객체인 경우가 많다.

---

🤔 프로젝트 A. MusicPlayer 앱에서 MVC 패턴 찾아보기

- Model :: 음악 재생 파일 (sound)

해당 프로젝트에서는 특정 모델 클래스를 찾아보기는 어렵다..! asset 에 저장되어있는 음악 파일을 모델로 보면 된다.

 

-  View :: 인터페이스 빌더(Storyboard) 혹은 코드로 만든 화면에 있는 UI 객체들

View 에 배치했던 UIButton, UILabel, UISlider 객체들.. 맨 밑에 깔린 View 는 View Controller 에 속한 뷰이다. 

 

- Controller :: Model 과 View 의 중개자 역할 (코드의 대부분)

• View -> Controller
  뷰에서 버튼 클릭, 슬라이더 값 조정 등의 사용자 액션(이벤트)이 발생 -> 뷰에서 컨트롤러로 User action 을 전달한다.
• Controller -> View
  이벤트가 발생했을 때 View 혹은 Model 을 업데이트 취할 메서드(IBAction)를 구현해놓고, View 에서 전달받은 User action 에 맞게 동작을 수행 -> View 업데이트 요소가 있다면 전달한다.
• Controller -> Model
  파일을 불러오거나, 데이터 에셋에서 미디어를 불러온다. 
• Model -> Controller
  요청한 데이터를 전달해준다. (시간에 맞는 음악 .. ?)

 

---

더 알아보기

• MVVM (Model-View-ViewModel) 디자인 패턴
• MVVM 패턴을 적용한 FLO 앱 개발 일지