[CS] MVC, MVP, MVVM 비교 해보기

MVC 패턴은 워낙 유명하고 내가 쓰고있는 형태이다 보니 익숙하고

 

관련해서 포스팅을 한적도 있어서 간략하게 설명하고

 

보고나서 제일 궁금했던 MVP 패턴과, MVVM 패턴이 무엇인지 알아보고자 한다

https://vuddus526.tistory.com/124

[Spring] MVC 패턴, Controller/Service/Repository

 

MVC 패턴

1) 구조

Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분이다

View : 사용자에게서 보여지는 UI부분이다

Controller : 사용자의 입력을 받고 처리하는 부분이다

 

2) 동작순서

1. 사용자의 요청들이 Controller에 들어온다

2. Controller에서 사용자의 요청을 확인하고 Model을 업데이트한다

3. Controller는 Model을 나타내줄 View를 선택한다

4. View는 Model을 이용하여 화면에 나타낸다

 

3) 특징

Controller는 여러개의 View를 선택할 수 있는 1: N 구조이다

Controller는 View를 선택할 뿐 직접 업데이트 하지 않는다 (View는 Controller를 알지 못한다)

 

4) 장점

MVC 패턴의 장점은 널리 사용되고 있는 패턴이라는 점에 걸맞게 가장 단순하다

단순해서 보편적으로 많이 사용된다

 

5) 단점

MVC 패턴의 단점은 View와 Model 사이의 의존성이 높다는 것이다

의존성이 높아 복잡해지고 유지보수가 어려워진다

 

MVP 패턴

Model + View + Presenter를 합친 용어이다

 

1) 구조

Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분이다

View : 사용자에게서 보여지는 UI부분이다

Presenter : View에서 요청한 정보로 Model을 가공하여 View에 전달해 주는 부분이다

View와 Model을 붙여주는 접착제 역할을 한다고 보면된다

 

2) 동작순서

1. 사용자의 요청들이 View에 들어온다

2. View는 데이터를 Presenter에 요청한다

3. Presenter 는 Model에게 데이터를 요청한다

4. Model은 Presenter에서 요청받은 데이터를 응답한다

5. Presenter는 View에게 데이터를 응답한다

6. View는 Presenter가 응답한 데이터를 이용하여 화면을 나타낸다

 

3) 특징

Presenter는 View와 Model의 인스턴스를 가지고 있어 둘을 연결하는 접착제 역할을 한다

Presenter와 View는 1:1 관계이다

 

4) 장점

MVP 패턴의 장점은 View와 Model의 의존성이 없다는 것이다

MVP 패턴은 MVC패턴의 단점이었던 View와 Model의 의존성을 해결했다

(Presenter를 통해서만 데이터를 전달 받기 때문에 그렇다)

 

5) 단점

MVC 패턴의 단점인 View와 Model 사이의 의존성은 해결이 되었지만

View와 Presenter 사이의 의존성을 높게 가지게 되는 단점이 있다

어플리케이션이 복잡해 질 수록 View와 Presenter 사이의 의존성이 강해지는 단점이있다

 

MVVM 패턴

MVVM 패턴은 Model + View + View Model을 합친 용어이다

 

1) 구조

Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분이다

View : 사용자에게서 보여지는 UI부분이다

View Model : View를 표현하기 위해 만든 VIew를 위한 Model이다

View를 나타내주기 위한 Model이자 View를 나타내기 위한 데이터 처리를 하는 부분이다

 

2) 동작순서

1. 사용자의 요청들이 View에 들어온다

2. View에 요청이 들어오면 Command 패턴으로 View Model에 요청을 전달한다

3. View Model은 Model에게 데이터를 요청한다

4. Model은 View Model에게 요청받은 데이터를 응답한다

5. View Model은 응답 받은 데이터를 가공하여 저장한다

6. View는 View Model과 Data Binding하여 화면을 나타낸다

 

3) 특징

MVVM 패턴은 Command 패턴과 Data Binding 두 가지 패턴을 사용하여 구현한다

Command패턴과 Data Binding을 이용하여 View와 View Model 사이의 의존성을 없앴다

View Model과 View는 1:N 관계이다

 

4) 장점

MVVM 패턴은 View와 Model 사이의 의존성이 없다

또한 Command패턴과 Data Binding을 사용하여 View와 View Model 사이의 의존성 또한 없앴다

각각의 부분은 독립적이기 때문에 모듈화 하여 개발할 수 있다

 

5) 단점

MVVM 패턴의 단점은 View Model의 설계가 쉽지 않다는 점이다