MVP Pattern

💡 디자인 패턴 중에 하나인 MVP 패턴에 대하여 학습하였습니다 !

 

MVP

• MVP는 Model, View, Presenter를 합친 용어이며, MVC에서 C에 해당하는 Controller가 Presenter로 교체된 패턴입니다.
• 자동화된 단위 테스트를 용이하게 하고, Presenter 로직에서 관심사를 분리하도록 설계 된 사용자 인터페이스 아키텍처 패턴입니다.

MVC와의 차이

• MVC에서는 Controller를 통해서 직접적으로 View에 접근하기 때문에, Controller와 연결 된 Model과 View는 서로 어느정도의 결합도가 있다고 볼 수 있습니다.
• 하지만 MVP는 오직 Presenter와 인터페이스를 통해 메시지 전달하기 때문에 분리된 책임(Separation of Concerns)를 얻을 수 있습니다.
  • 비즈니스 로직(Model)과 사용자 인터페이스(View)를 분리하여 관리하므로 코드의 가독성과 유지보수성이 향상 됩니다.

MVP 특징

장점

• 코드가 깔끔해지고, 새로운 기능 추가 및 변경을 할 때마다 관련된 부분만 코드를 수정하기 때문에 확장성이 개선됩니다.
• UI, Model 각각 파트를 나눠서 해야 할 일이 명확해지며 의존성이 제거되고 결합도가 낮아지게 됩니다.
• 인터페이스를 활용하기 때문에 단위 테스트가 용이하다는 장점이 있습니다.

단점

• 하지만 애플리케이션이 복잡해질수록 View와 Presenter 사이의 의존성이 강해지는 문제가 있을 수 있습니다.
• 1:1 관계를 유지해야 하기 때문에 Presenter를 재사용할 수 없습니다.
  • 이는 View가 늘어날 때마다 Presenter도 같이 늘어나 클래스가 많아지고 비대해집니다.

Model

• 애플리케이션에서의 데이터인 데이터베이스, 상수, 변수를 뜻합니다.
• 뷰에서 데이터를 생성하거나 수정하면 Presenter를 통해 모델을 생성하거나 갱신합니다.

// 주사위를 던지는 행위를 관리하는 DiceModel을 생성하였습니다.
class DiceModel {
		// 데이터를 사용하지는 않지만, 아래와 같이 데이터를 저장합니다.
		val color = Color.Red
		
    fun rollDice(): Int { // 내부 비즈니스 로직을 처리합니다
        return (1..6).random()
    }
}

View

• 사용자 인터페이스 요소로 모델을 기반으로 사용자가 볼 수 있는 화면을 뜻합니다.
• 모델이 가지고 있는 정보를 따로 저장하지 않아야 하며 단순히 화면에 표시하는 정보만을 가지고 있어야 합니다.

class MainActivity : AppCompatActivity(), DiceContract.View {

    private lateinit var presenter: DiceContract.Presenter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Model과 Presenter 초기화
        val model = DiceModel()
        presenter = DicePresenter(this, model)

        val rollButton = findViewById<Button>(R.id.rollButton)
        rollButton.setOnClickListener {
            presenter.onRollDice()
        }
    }

    override fun showResult(result: Int) {
        val resultTextView = findViewById<TextView>(R.id.resultTextView)
        resultTextView.text = "주사위 결과: $result"
    }

    override fun showError(message: String) {
        Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
    }
}

Presenter

• Model과 View 사이의 매개체 역할을 합니다.
• MVC의 Controller와 유사하지만, View에 직접 연결되는 대신 인터페이스를 통해 상호작용한다는 큰 차이가 있습니다.
• 이를 통해 MVC가 가진 테스트 문제와 함께 모듈화, 유연성 문제를 해결할 수 있습니다.
• View에게 표시할 내용(Data)만 전달하며 어떻게 보여줄 지는 View가 담당합니다.

class DicePresenter(
    private val view: DiceContract.View,
    private val model: DiceModel
) : DiceContract.Presenter {

    override fun onRollDice() {
        try {
            val result = model.rollDice()
            view.showResult(result)
        } catch (e: Exception) {
            view.showError("오류가 발생했습니다.")
        }
    }
}

MVP Logic

• MVP 패턴은 아래와 같은 로직으로 동작합니다.

1. View에서 사용자 이벤트를 수신합니다.
2. View → Presenter로 이벤트를 호출합니다.
3. Presenter → Model로 데이터를 요청합니다.
4. Model → Presenter로 데이터를 전달합니다. (수정, 삭제, 추가 된 정보)
5. Presenter → View로 전달받은 데이터를 기반으로 업데이트 합니다.
6. View에서 화면을 업데이트 합니다.

Contract Interface

• Contract Interface는 View와 Presenter 간의 이벤트들을 선언합니다.

interface DiceContract {
	//Contract.View interface
    interface View {
        fun showResult(result: Int)
        fun showError(message: String)
    }
	//Contract.Prsenter interface
    interface Presenter {
        fun onRollDice()
    }
}

Contract.View interface

• Presenter에서 View를 업데이트하기 위한 이벤트들을 선언합니다.
  • 이는 5번째 로직 작업이 됩니다.

Contract.Prsenter interface

• View에서 호출할 Presenter 이벤트들을 선언합니다.
  • 이는 2번째 로직 작업이 됩니다.

참고

https://velog.io/@kyeun95/디자인-패턴-MVP-패턴이란

https://brunch.co.kr/@oemilk/75

https://github.com/android/architecture-samples/tree/master