[Design Pattern] Apple의 MVC 패턴이란?

안녕하세요 Foma 👟 입니다!

 

저번 글에 MVC 패턴에 대해서 다뤘었는데 iOS에서 다루는 것과는 조금 다르게

 

커스텀뷰를 직접 만들어서 뭔가 더 정석적인 MVC 패턴을 구현했어요.

 

(혹시 안보셨거나 궁금하신 분들은 여기 에서 봐주세요!)

 

하지만 보통 MVC하고는 조금 다른 부분이 있어요.

 

그래서 오늘은 애플의 MVC 패턴에 대해서 정리해보도록 하겠습니다!

---

Apple's MVC

 

애플은 전형적인 MVC 패턴에서 모델과 뷰와 컨트롤러가 서로 의존적인 것을 분리하기 위해

 

자신들만의 MVC 패턴을 개발합니다.

 

컨트롤러가 뷰와 모델을 연결시켜주어 서로 분리되어 있고 서로에 대해 알 필요가 없게끔 만드려고 했으나....

 

 

 

컨트롤러가 뷰의 라이프 사이클에 관여하게 되면서 MV - C 패턴이 되어버립니다.

 

 

이렇게 되면서 뷰의 코드와 컨트롤러의 코드가 겹치면서 결과적으로 뷰컨트롤러가 비대해지고 역할이 지나치게 커져버렸습니다.

 

이렇다보니 현재의 MVP 디자인 패턴과 비슷하게 되어버렸죠.

 

장점과 단점을 정리하면 아래와 같습니다.

 

장점

 

- 개발 속도가 압도적으로 빠르다.

 

- 코드가 적게 쓰인다.

 

- 많은 개발자에게 친숙하다.

 

- 모델과 뷰의 상호의존성을 없앴다.

 

단점

 

- 뷰컨트롤러의 역할이 비대해진다.

 

- 테스트가 용이하지 않다.

 

- 유지보수가 힘들다.

---

Model

 

모델은 기존의 MVC 패턴과 동일하게 뷰의 데이터를 가지고 있는 역할입니다.

 

 

 

코드는 아래와 같습니다.

 

import UIKit

struct AppleMVC_Character {
    
    //화면을 구성할 데이터
    let image:UIImage
    let name:String
    let gender:String
    let country:String
    
    //초기화
    init(name:String,image:UIImage,gender:String,country:String) {
        self.name = name
        self.image = image
        self.gender = gender
        self.country = country
    }
}

 

---

ViewController

 

컨트롤러 안에 뷰가 있는 형태로 컨트롤러가 자신의 역할과 뷰의 역할을 동시에 수행한다.

 

코드는 아래와 같습니다.

 

뷰컨트롤러 자체에서 유저에 대한 인터랙션을 감지하고 모델을 업데이트하며

 

바뀐 모델의 값에 맞게 뷰를 변경합니다.

 

컨트롤러에서 거의 모든 것을 하기 때문에 비교적 단순한 코드를 작성할 수 있습니다.

 

import UIKit

class AppleMVC_CharacterViewController: UIViewController {

    
    //전체 모델 데이터
    let characters:[AppleMVC_Character] = [
        AppleMVC_Character(name:"스폰지밥",image: #imageLiteral(resourceName: "스폰지밥"), gender: "남자", country:"미국"),
        AppleMVC_Character(name:"뚱이",image: #imageLiteral(resourceName: "뚱이"), gender: "남자", country:"미국"),
        AppleMVC_Character(name:"징징이",image: #imageLiteral(resourceName: "징징이"), gender: "남자", country:"미국"),
        AppleMVC_Character(name:"플랭크톤",image: #imageLiteral(resourceName: "플랑크톤"), gender: "남자", country:"미국"),
        AppleMVC_Character(name:"퐁퐁여사",image: #imageLiteral(resourceName: "퐁퐁부인"), gender: "여자", country:"미국")
    ]
    
    //MARK:- IBOutlets
    
    @IBOutlet weak var country: UILabel!
    @IBOutlet weak var name: UILabel!
    @IBOutlet weak var gender: UILabel!
    @IBOutlet weak var image: UIImageView!
    @IBOutlet weak var nextButton: UIButton!
    @IBOutlet weak var previousButton: UIButton!
    
    //MARK:- Properties
    
    //현재 인덱스
    private var index:Int = 0
    
    //현재 모델 데이터
    private var character:AppleMVC_Character!
    
    //MARK:- Life Cycle
    override func viewDidLoad() {
        super.viewDidLoad()
        configure()
    }
    
    //MARK:- Helpers
    
    //초기화
    private func configure() {
        character = characters[index]
        updateView()
    }
    
    //뷰 업데이트
    private func updateView() {
        
        //새로운 모델
        let newCharacter = characters[index]
        
        //새로운 모델에 맞게 뷰 변경
        self.image.image = newCharacter.image
        self.name.text = newCharacter.name
        self.gender.text = newCharacter.gender
        self.country.text = newCharacter.country
    }
    
    //MARK:- IBActions
    
    //이전 버튼을 눌렀다면
    @IBAction func tapPreviousButton(_ sender: Any) {
        //이전 인덱스로 변경
        if index > 0 {
            index -= 1
        }
        //뷰 업데이트
        updateView()
    }
    
    //다음 버튼을 눌렀다면
    @IBAction func tapNextButton(_ sender: Any) {
        //다음 인덱스로 변경
        if index < 4 {
            index += 1
        }
        //뷰 업데이트
        updateView()
    }
}

---

오늘은 이렇게 전통적인 MVC와는 약간 다른 Apple만의 MVC에 대해서 알아보았습니다.

 

익숙해서 그런지 확실히 구조도 단순하고 개발하는 속도가 빨랐습니다.

 

혹시라도 궁금하신 점이 있거나 틀린 부분이 있다면 댓글로 알려주세요!