[iOS] Delegate Pattern(델리게이트 패턴) 예시(1) - 이전 화면으로 넘어오면서 데이터를 전달하고 싶을 때

 

😀오늘은 간단하게 Delegate Pattern을 적용해보는 예시 중에서 화면 전환 시 데이터를 담아보내는 작업을 해보겠습니다.

델리게이트 패턴 (Delegate Pattern) 실습 예시 - 1

 

🧑🏻‍💻 들어가며

Delegate Pattern(😇? 😈??), 항상 공부하면서 그 순간에는 이해했고 분명 알겠는데 도대체 어느 부분에 · 또 언제 사용해야 하는지 감이 안 잡힙니다... 저 역시도 그런데요... 어쩔 수 없어요... 다양한 상황에 써보려고 노력해보는 수 밖에 이번에 최대한 여러 상황에 사용해보면서 어떤 장단점이 있는지도 알아보고 사용법에 익숙해지려고 해보겠습니다. 같이 노력해보아요.

 

 

📺 실행 화면

오늘 구현해 볼 화면은 다음과 같습니다.

크게 상품 화면과 장바구니 담기 화면 2가지로 구성되어있구요.

우선 흐름을 설명해드릴게요.

 

1. 상품 화면에서 장바구니 버튼을 클릭
2. 장바구니 담기 화면으로 이동
3. 개수를 선택하고 장바구니 담기 버튼 클릭
4. 장바구니 담기 화면이 사라지면서 상품을 몇 개 추가했는지 알림 호출

 

어떻게 하면 될 지 스스로 간단하게 구상해볼까요?

간단하게 상품을 장바구니에 담는 기능

 

 

 

🧐 생각해 볼 점

구상을 하다보면 한 가지 드는 생각이 있을 거예요.

A(상품 화면) → B(장바구니 담기 화면)

 

다음과 같은 흐름일 때,

 

A(상품 화면)에서 B(장바구니 담기 화면)로 데이터(상품 이름, 가격)를 넘겨주는 것은 프로퍼티로 넘겨주면 되니까 어렵지 않은데, B(장바구니 담기 화면)에서 A(상품 화면)로 데이터(상품 몇 개 담았는지 상품 개수)를 넘겨주려고 하니 단순히 프로퍼티에 넘겨주는 방식으로는 구현이 되지 않죠.

 

어떻게 해야 할까요? 정말 여러가지 방법으로 처리할 수 있습니다. 사실 정말 간단하게 클로저(Closure)로 처리할 수도 있지만 이번에 우리는 델리게이트 패턴(Delegate Pattern)을 이용해서 한 번 처리해보겠습니다.

(이론적인 부분은 다른 포스팅에서 다루도록 하겠습니다. 아니면 공식 문서나 다른 블로그에서 미리 공부하고 오시는 것을 추천합니다. 😊)

 

 

➡️ 구현 방법

아래에서 사용하는 비유는 완벽한 비유는 아닙니다.
그렇기에 프로토콜, 델리게이트 패턴에 대한 개념 공부를 우선 확실하게 하고 오시는 것을 추천드립니다.

 

우선 세팅부터 먼저 보여드릴게요.

 

• CartDelegate : 상품 관련 처리를 위한 프로토콜
• ViewController : 상품 뷰 컨트롤러(화면)
• CartViewController : 장바구니 담기 뷰 컨트롤러(화면)

구조

구현할 화면

 

자 구성이 이해가 되었으면 다음으로 크게 3가지를 신경 쓸 거예요.

 

• 프로토콜(Protocol) - 작업의 설계도
• 신호를 주는 쪽(Sender)
• 신호를 받고 처리할 쪽(Receiver)

 

1. 프로토콜 - 작업의 설계도

CartDelegate.swift에 해당하는 부분입니다. 여기서 중요한 것은 프로토콜에서는 직접 구현을 하지 않는다는 것이죠.

// CartDelegate.swift
import Foundation

protocol CartDelegate {
    func alarmCartIsFilled(itemCount: Int)
}

장바구니에 상품이 채워졌을 때 어떤 액션을 처리하고 싶은 것인데요. 그와 관련된 메서드를 1가지 만들어주었습니다.

 

 

2. 신호를 주는 쪽 - CartViewController(장바구니 담기 뷰 컨트롤러)

신호를 주는 쪽은 CartViewController입니다. 몇 개의 상품이 추가되었는지 신호(데이터, 알림 등)를 누군가에게 알려주고 싶은 거예요. 중요한 부분만 같이 살펴봅시다.

 

delegate 변수를 하나 만들어주었어요. 이 친구는 우리가 아까 만들어 둔 CartDelegate 프로토콜을 채택하고 있죠. 복잡하게 말고 간단하게 어떤 권한을 만들어주엇다고 생각해봅시다.

 

✅ 이제 CartViewController에는 CartDelegate 프로토콜에 대한 권한이 생겼어요.

 

장바구니 담기 버튼(insertCartButton)을 클릭했을 때 프로토콜 중 alarmCartIsFilled()라는 기능을 사용하고 싶어요. 인자로는 상품의 개수(itemCount)를 넘겨주고 있어요. 메서드 안에서 상품의 개수를 이용해 무언가를 요리조리 처리하고 싶은 거예요.

 

기능을 실행시키기는 할 건데 이것도 신호의 일종으로 생각해서 신호를 받는 쪽으로 권한이나 이런 것들을 다 넘겨줄 거예요. (실행시킬거야 근데 어떤 기능인지는 구현하는 쪽에서 찾아봐 ~ 이런 느낌??) (아무말 대잔치네요..)

 

class CartViewController: UIViewController {
    // ...
    var itemCount: Int = 0
    var delegate: CartDelegate?     // 객체가 가지는 어떤 권한
    // ...

	// 아이템 개수 증가/감소
    @IBAction func stepperValueChanged(_ sender: UIStepper) {
        itemCount = Int(sender.value)
        itemCountLabel.text = Int(sender.value).description
    }

	// 장바구니 담기 버튼을 눌렀을 때
    @IBAction func insertCartButtonTapped(_ sender: UIButton) {
        dismiss(animated: true, completion: nil)
        delegate?.alarmCartIsFilled(itemCount: itemCount)   // 권한 중에 이런 액션을 실행할거야, 이런 요청을 날릴거야
    }
    // ...
}

 

자 일단 신호를 주는 쪽을 만들었어요. 신호를 받는 쪽도 만들어볼게요.

 

 

3. 신호를 받아 처리하는 쪽 - ViewController(상품 뷰 컨트롤러)

자세히 보면 3가지 포인트가 있어요.

 

1. CartDelegate 프로토콜을 채택하는 부분
2. CartViewController의 delegate를 위임하는 부분
3. 프로토콜에서 사용할 메서드의 구현하는 부분

 

// ViewController.swift (상품 뷰 컨트롤러)

import UIKit

class ViewController: UIViewController, CartDelegate // (1) {

    @IBOutlet weak private var productNameLabel: UILabel!
    @IBOutlet weak private var priceLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setUI()
    }
    
    private func setUI() {
        navigationController?.navigationBar.isHidden = true
    }
    
    // (3) 프로토콜의 메서드를 구현한 부분
    func alarmCartIsFilled(itemCount: Int) {
        let alertVC = UIAlertController(title: "장바구니 확인", message: "장바구니에 \(itemCount)개의 상품이 추가되었습니다.", preferredStyle: .alert)
        
        let okAction = UIAlertAction(title: "확인", style: .default, handler: nil)
        alertVC.addAction(okAction)
        
        present(alertVC, animated: true, completion: nil)
    }
    
    @IBAction func cartButtonTapped() {
        let cartVC = storyboard?.instantiateViewController(identifier: "CartViewController") as! CartViewController
        cartVC.delegate = self // (2) cartVC의 권한은 내가 대신할거야
        
        if let productName = productNameLabel.text,
           let price = priceLabel.text {
            cartVC.productName = productName
            cartVC.price = price
        }
        present(cartVC, animated: true, completion: nil)
    }
}

 

🙋🏻‍♂️ 조금만 더 상세하게 보겠습니다.

 

(1) CartDelegate 프로토콜을 채택하는 부분

프로토콜을 채택하면 반드시 구현해야 하는 메서드들이 있어요. 그것을 추가로 구현해주어야 합니다. 3번에서 살펴볼게요.

 

 

(2) CartViewController의 delegate(권한)를 위임하는 부분

cartVC.delegate = self // (2) cartVC의 권한은 내가 대신할거야

CartViewController의 delegate(권한)을 self(자기 자신 = 여기서는 ViewController)가 대신 하겠다.

이런 의미입니다. 정말 중요한 부분이예요. 권한을 누가 가지고 있는지 명시에 주지 않으면 기능을 정상적으로 사용할 수 없어요.

 

(3) 프로토콜의 메서드를 구현하는 부분

장바구니에 몇 개의 상품을 담았는지 알림을 띄우는 기능을 구현할 건데, 장바구니 담기 뷰에서 넘겨준 아이템 개수(itemCount)를 이 때 사용하는 거예요.

// (3) 프로토콜의 메서드를 구현한 부분
func alarmCartIsFilled(itemCount: Int) {
    let alertVC = UIAlertController(title: "장바구니 확인", message: "장바구니에 \(itemCount)개의 상품이 추가되었습니다.", preferredStyle: .alert)
    
    let okAction = UIAlertAction(title: "확인", style: .default, handler: nil)
    alertVC.addAction(okAction)
    
    present(alertVC, animated: true, completion: nil)
}

 

 

🗒 마무리

사실 글로는 크게 감이 안 잡힐 수 있습니다. 직접 해봐야 해요. 그래야 자신만의 정의가 생기고 이해가 자연스레 될 것입니다. 다른 예시로 또 찾아올게요. 저도 Delegate Pattern 정리 중이거든요. 화이팅 ^__^