📖Custom Delegate Pattern

멤버라는 데이터를 추가/수정해 테이블 뷰에 표시하는 앱

DetailVC에서 멤버를 추가하거나 멤버 정보를 업데이트하면 VC에서 해당 정보가 업데이트되도록 구현(VC : tableViewController)

🔖디자인 패턴 : MVC 패턴(View: Code 구현)

🔖데이터 Member(name: name, age: age, phone: phone, address: address)

🔖데이터의 흐름 DetailVC (Sender) → VC (Receiver) DetailVC가 일을 시키고 VC가 받은 일을 대신 처리

1. 모델에 델리게이트 프로토콜 구현

protocol MemberDelegate: AnyObject {
    func addNewMember(_ member: Member)
    func update(index: Int, _ member: Member)
}

• 델리게이트를 weak으로 선언할 것이므로 AnyObject 상속

weak과 AnyObject

weak은 오직 class에서만 사용 가능 → class에만 채택할 수 있는 프로토콜로 만들어야 함 → AnyObject 상속

🔖AnyObject 클래스 타입 인스턴스만을 나타냄

2. 일을 시킬 컨트롤러(Sender)에서 델리게이트 프로토콜 변수 선언

class DetailViewController: UIViewController {
    weak var delegate: MemberDelegate?
}

• 델리게이트는 weak ( ∵ 강한 순환 참조 방지)
• 델리게이트는 옵셔널 ( ∵ 일을 지시하지 않을 수도 있음)

3. 이벤트 발생 시 Sender는 프로토콜에 정의해 둔 메서드를 통해 일을 지시

버튼이 눌리면 작업을 지시

Sender : 대리자야~~ 이벤트(멤버 추가, 멤버 업뎃) 발생했어~!! (Receiver는 5번에 구현한대로 이벤트 처리함)

class DetailViewController: UIViewController {
    func setupButtonAction() {
 
        detailView.saveButton.addTarget(self, action: #selector(saveButtonTapped), for: .touchUpInside)
 
    }
    
    @objc func saveButtonTapped() {
        // MARK: 멤버가 없는 경우(새로운 멤버 추가)
        if member == nil {
            let memberId = Int(detailView.idTextField.text!) ?? 0 // 모델에 업데이트를 할 때, 몇 번 째 멤버인지 알아야 하기 때문에 얜 변수로 설정
            let name = detailView.nameTextField.text ?? ""
            let age = Int(detailView.ageTextField.text ?? "")
            let phone = detailView.phoneTextField.text ?? ""
            let address = detailView.addressTextField.text ?? ""
 
            var newMember = Member(name: name, age: age, phone: phone, address: address) // 뉴 데이터
            
            newMember.memberImage = detailView.mainImageView.image // 이미지뷰에 있는 것을 그대로 다시 멤버에 저장
            
            delegate?.addNewMember(newMember)
            //  MARK: 멤버가 있는 경우(기존 멤버의 내용을 업데이트)
        } else {
            // 이미지뷰에 있는 것을 그대로 다시 멤버에 저장
            member!.memberImage = detailView.mainImageView.image
 
            let memberId = Int(detailView.idTextField.text!) ?? 0 // 모델에 업데이트를 할 때, 몇 번 째 멤버인지 알아야 하기 때문에 얜 변수로 설정
            member!.name = detailView.nameTextField.text ?? ""
            member!.age = Int(detailView.ageTextField.text ?? "") ?? 0
            member!.phone = detailView.phoneTextField.text ?? ""
            member!.address = detailView.addressTextField.text ?? ""
            
            // 뷰에도 바뀐 멤버를 전달해 반영 (뷰컨트롤러 ==> 뷰)
            detailView.member = member
            
            delegate?.update(index: memberId, member!)
        }
    }
}

4. 일을 할 컨트롤러(Receiver)는 델리게이트를 채택

DetailVC (Sender) 대신 일을 하기 위해 VC (Receiver)는 DetailVC (Sender)에게 접근할 수 있는 곳(화면전환이 일어나는 곳)에서 DetailVC (Sender)에 접근해 본인을 대리자로 설정

테이블뷰에서 add 버튼을 통한 화면 전환(멤버 추가)

final class ViewController: UIViewController {
    lazy var plusButton: UIBarButtonItem = {
        let button = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(plusButtonTapped))
 
        return button
    }()
    
    @objc func plusButtonTapped() {
        let detailVC = DetailViewController()
 
        detailVC.delegate = self
 
        navigationController?.pushViewController(detailVC, animated: true)
    }
}

cell 터치를 통한 화면전환(멤버 정보 업데이트)

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let detailVC = DetailViewController()
        detailVC.delegate = self
 
        let array = memberListManager.getMemberList()
        detailVC.member = array[indexPath.row]
        
        navigationController?.pushViewController(detailVC, animated: true)
    }
}

• Receiver(대리자) : 내가 Sender의 대리자가 되겠다!!!(내가 Sender 대신 일을 처리할게!!)

5. Receiver(대리자)는 지시받은 동작을 Sender 대신 처리

데이터 추가/업데이트 후 화면 리로드

Receiver : 난 멤버 추가 됐을 때 이렇게 처리할거야 멤버 정보가 업데이트됐을 땐 요렇게 처리할거야

extension ViewController: MemberDelegate {
    func addNewMember(_ member: Member) {
        memberListManager.makeNewMember(member)
        tableView.reloadData()
    }
 
    func update(index: Int, _ member: Member) {
        memberListManager.updateMemberInfo(index: index, member)
        tableView.reloadData()
    }
}

• 델리게이트 프로토콜 메서드를 정의
• 이 메서드를 통해 Sender의 데이터를 전달받고 대신 작업 수행