[Android/Kotlin] MVP 패턴

MVP 패턴

MVC 패턴이 뭔지 모른다면 먼저 이 글을 보고 오자!

 

https://ku-hug.tistory.com/187

[Android/Kotlin] MVC 패턴

 

Model, View, Presenter의 약자

 

Model

MVC의 Model과 동일

 

View

MVC의 View + MVC의 Controller (= xml 파일과 Fragment, Activity 파일)

사용자의 입력을 받고 이벤트를 Presenter로 전달

 

Presenter

Controller과 같은 역할

View에 연결되는 것이 아닌, 단순 인터페이스

View에게 표시할 내용만 전달

 

 

MVP의 이점

• MVC에 비해 깔끔한 코드 작성 가능
• View 인터페이스 구현 시, 어떤 View와도 작업 가능 -> Presenter 로직을 쉽게 테스트 가능

 

MVP의 단점

• 많은 코드가 Presenter에 모이게 됨 -> 유지보수가 어려움

 

 

실습

 

숫자를 클릭하면 커지는 앱을 MVP로 만들어보자!

(원래는 재사용성이 높은 부분을 따로 만들어야 하지만, 간단한 예시이므로 생략했습니다.)

 

1. 사용자가 숫자를 클릭

• view에서 클릭 이벤트 발생
• 클릭 이벤트를 Presenter로 전달

2. 현재 숫자 + 1을 가져온다.

• Presenter가 Model에 데이터 요청
• Model이 Presenter에 요청한 데이터 전달
• Presenter가 Model에서 전달 받은 데이터 정제
• Presenter가 Model에서 전달 받은 데이터를 View로 전달

3. View에서 전달 받은 데이터 반영

 

 

세부 코드

1. Model 생성

object Model {
    fun clicked(string: String): String {
        return "${string.toInt() + 1}"
    }
}

 

2. Presenter 생성

interface Presenter {
    fun takeView(view: View)
    fun confirm(string: String)

    interface View {
        fun changeText(string: String)
    }
}

 

3. Presenter 구현 부분 생성

class PresenterImpl : Presenter {
    private var view: Presenter.View? = null

    override fun takeView(view: Presenter.View) {
        this.view = view
    }

    override fun confirm(string: String) {
        view?.changeText(Model.clicked(string))
    }

}

 

4. View 구현

class MainActivity : AppCompatActivity(), Presenter.View {

    lateinit var presenter: Presenter
    lateinit var number: TextView

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

        presenter = PresenterImpl()
        presenter.takeView(this)

        number = findViewById(R.id.number)
        number.setOnClickListener {
            presenter.confirm(number.text.toString())
        }
    }

    override fun changeText(string: String) {
        number.text = string
    }
}

 

 

 

전체 코드

https://github.com/koownij/mvpExample

GitHub - koownij/mvpExample: 간단한 mvp패턴 예제입니다.

 

 

 

참고 자료

https://gitsu.tistory.com/38

MVC, MVP, MVVM 을 예제와 함께 알아보자 - android

https://blog.crazzero.com/m/152

그래서 MVC, MVP, MVVM 디자인패턴 이 뭔데? - 안드로이드 /뿌시레기/

https://academy.realm.io/kr/posts/eric-maxwell-mvc-mvp-and-mvvm-on-android/

안드로이드의 MVC, MVP, MVVM 종합 안내서

https://gitsu.tistory.com/38

MVC, MVP, MVVM 을 예제와 함께 알아보자 - android