Software Engineering. VIPER 아키텍처

Mon, 11 Nov 2024 00:00:00 +0000

VIPER란

VIPER는 화면을 View, Interactor, Presenter, Entity, Router로 나누는 아키텍처 패턴이다. 각 객체의 역할과 의존 방향을 제한해 UI, 비즈니스 로직, 화면 전환을 분리한다.

구성 요소

View

화면을 그리고 사용자 입력을 Presenter에 전달한다. Presenter가 전달한 값을 UI에 반영하며, 비즈니스 로직은 직접 처리하지 않는다.

protocol ExampleViewProtocol: AnyObject {
 func displayMessage(_ message: String)
 func displayError(_ message: String)
}

final class ExampleViewController: UIViewController {
 var presenter: (any ExamplePresenterProtocol)?

 override func viewDidLoad() {
 super.viewDidLoad()
 presenter?.viewDidLoad()
 }
 @IBAction private func buttonTapped(_ sender: UIButton) {
 presenter?.handleButtonTapped()
 }
}

extension ExampleViewController: ExampleViewProtocol {
 func displayMessage(_ message: String) {
 label.text = message
 }
 func displayError(_ message: String) {
 errorLabel.text = message
 }
}

Presenter

View의 입력을 해석해 Interactor나 Router에 작업을 요청한다. Interactor가 반환한 Entity는 화면에 표시할 값으로 가공해 View에 전달한다.

Architecture Pattern on Kelly Dev

Software Engineering. VIPER 아키텍처

VIPER란

구성 요소

View

Presenter