[Udemy iOS & Swift Bootcamp] Design Patterns - MVC 패턴

MVC(Model - View Controller)

: 코드를 재사용하고 요소를 분리해서 모듈로 만드는데 유용한 방법이다.

 

Model: data & Logic

View: User Interface

Controller: Mediator

 

View 는 Controller와만 대화한다.

Controller는 Model에서 값만 받아와서 보여주기만 한다.

Model 이 데이터와 로직 모두를 갖고 있다. 어려운건 다 모델이 한다.

---

Quizzler 앱 코드를 예시로 들어보자.

왼쪽상단 점수, 가온데 퀴즈 문제, 아래 보기 3개, 맨 아래 프로그레스바로 구성되어 있다.

가온데 Text에서 문제가 나오고 아래에 보기 3개가 나온다. 보기는 정답을 클릭하면 초록색, 오답을 클릭하면 빨간색으로 변한다.

문제가 진행될 때마다 프로그레스바와 Score가 바뀐다.

 

파일 구조는 이렇게 생겼다.

 

Model(Question: Struct 문제 데이터 구조, QuizBrain: 퀴즈 데이터, 퀴즈 정답 유무 판단, 현재 번호 판단 등의 로직),

View(화면단),

Controller(ViewController: QuizBrain 클래스에서 값을 받아와서 View에 연결해주는 코드가 있음).

 

Question

import Foundation

struct Question{
    let text: String
    let answer: [String]
    let correctAnswer: String
    
    init(q: String, a: [String], correctAnswer: String){
        text = q
        answer = a
        self.correctAnswer = correctAnswer
    }
}

 

QuizBrain

import Foundation

struct QuizBrain{
    let quiz = [
        Question(q: "Which is the largest organ in the human body?", a: ["Heart", "Skin", "Large Intestine"], correctAnswer: "Skin"),
        Question(q: "Five dollars is worth how many nickels?", a: ["25", "50", "100"], correctAnswer: "100"),
        Question(q: "What do the letters in the GMT time zone stand for?", a: ["Global Meridian Time", "Greenwich Mean Time", "General Median Time"], correctAnswer: "Greenwich Mean Time"),
        Question(q: "What is the French word for 'hat'?", a: ["Chapeau", "Écharpe", "Bonnet"], correctAnswer: "Chapeau"),
        Question(q: "In past times, what would a gentleman keep in his fob pocket?", a: ["Notebook", "Handkerchief", "Watch"], correctAnswer: "Watch"),
        Question(q: "How would one say goodbye in Spanish?", a: ["Au Revoir", "Adiós", "Salir"], correctAnswer: "Adiós"),
        Question(q: "Which of these colours is NOT featured in the logo for Google?", a: ["Green", "Orange", "Blue"], correctAnswer: "Orange"),
        Question(q: "What alcoholic drink is made from molasses?", a: ["Rum", "Whisky", "Gin"], correctAnswer: "Rum"),
        Question(q: "What type of animal was Harambe?", a: ["Panda", "Gorilla", "Crocodile"], correctAnswer: "Gorilla"),
        Question(q: "Where is Tasmania located?", a: ["Indonesia", "Australia", "Scotland"], correctAnswer: "Australia")
    ]
    
    var questionNumber = 0
    var score = 0
    
    
    mutating func checkAnswer(_ userAnswer: String) -> Bool {
        if userAnswer == quiz[questionNumber].correctAnswer{
            score += 1
            return true
        }
        else {
            return false
        }
    }
    
    func getAnswerText(index: Int) -> String{
        return quiz[questionNumber].answer[index]
    }
    
    func getQuestionText() -> String {
        return quiz[questionNumber].text
    }
    
    func getProgress() -> Float {
        return Float(questionNumber + 1) / Float(quiz.count)
    }
    
    mutating func nextQuestion(){
        if(questionNumber + 1 < quiz.count){
            questionNumber += 1
        }
        else {
            questionNumber = 0
            score = 0
        }
    }
    func getScore() -> Int{
        return score
    }
}

 

*mutating: 값 타입인 구조체에서는 인스턴스 메소드 내에서 프로퍼티들을 수정할 수 없게 되어 있어서 프로퍼티들을 구조체 안의 메소드에서 수정하려면 mutating이라는 키워드를 사용해야 한다.

 

Main(View)

 

ViewController

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var questionText: UILabel!
    @IBOutlet weak var progressBar: UIProgressView!
    @IBOutlet weak var scoreText: UILabel!
    
    @IBOutlet weak var selectionText1: UIButton!
    @IBOutlet weak var selectionText2: UIButton!
    @IBOutlet weak var selectionText3: UIButton!
    
    var quizBrain = QuizBrain()
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        updateUI()
    }
    
    @IBAction func touchdownButton(_ sender: UIButton) {
        let userAnswer = sender.currentTitle!
        let userGotItRight = quizBrain.checkAnswer(userAnswer)
        
        if userGotItRight {
            sender.backgroundColor = UIColor.green
        }
        else{
            sender.backgroundColor = UIColor.red
        }
    
        quizBrain.nextQuestion()
    }
    
    @IBAction func touchupButton(_ sender: UIButton) {
        sender.backgroundColor = UIColor.clear
        updateUI()
    }
    
    func updateUI(){
        questionText.text = quizBrain.getQuestionText()
        
        selectionText1.setTitle(quizBrain.getAnswerText(index: 0), for: .normal)
        selectionText2.setTitle(quizBrain.getAnswerText(index: 1), for: .normal)
        selectionText3.setTitle(quizBrain.getAnswerText(index: 2), for: .normal)
        
        progressBar.progress = quizBrain.getProgress()
        scoreText.text = "Score: \(quizBrain.getScore())"
    }
}