[Desigin Pattern] MVC, MVP, MVVM 패턴

MVC, MVP, MVVM 패턴

---

1. MVC 패턴

2. MVP 패턴

3. MVVM 패턴

---

1. MVC 패턴

MVC(Model-View-Controller)는 Model, View, Controller로 구분하여 설계하는 패턴입니다.

 

- 구성 요소와 역할

1. Controller

사용자의 요청을 받고 처리하는 로직을 담당합니다.

요청을 적절한 Service 또는 Model로 전달합니다.

Model과 View 사이의 중개자 역할을 합니다.

 

ex) API 라우팅, 서비스 호출 등

 

2. Model

애플리케이션의 데이터와 비즈니스 로직을 담당합니다.

데이터베이스와 상호작용하거나 데이터를 가공하여 Controller 또는 View에 전달합니다.

 

ex) 데이터베이스 모델, ORM(Entity) 등

 

3. View

사용자에게 보여지는 UI를 담당합니다.

Model로부터 데이터를 받아 화면에 표시합니다.

사용자로부터 입력을 받아 Controller에 전달합니다.

 

ex) html, css, 프론트엔드 템플릿

 

2. MVP 패턴

MVP(Model-View-Presenter)는 Model, View, Presenter로 구분하여 설계하는 패턴입니다.

MVC패턴을 발전시킨 형태로, UI와 로직의 의존성을 낮추고 테스트 가능성을 높이기 위해 설계된 디자인 패턴입니다.

코드를 기능 단위로 모듈화하기 때문에 협업 시 유리합니다.

 

- 구성 요소와 역할

1. Presenter

Model과 View 사이의 중개자 역할을 합니다.

 

2. Model

애플리케이션의 데이터와 비즈니스 로직을 담당합니다.

데이터베이스와 상호작용하거나 데이터를 가공하여 Presenter에 데이터를 전달합니다.

 

3. View

사용자에게 보여지는 UI를 담당합니다.

Model로부터 데이터를 받아 화면에 표시합니다.

 

3. MVVM 패턴

MVVM(Model-View-View Model)는 Model, View, View Model로 구분하여 설계하는 패턴입니다.

 

- 구성 요소와 역할

1. View Model

Model과 View 사이의 중개자 역할을 합니다.

 

2. Model

애플리케이션의 데이터와 비즈니스 로직을 담당합니다.

데이터베이스와 상호작용하거나 데이터를 가공하여 Presenter에 데이터를 전달합니다.

 

3. View

사용자의 요청을 받고 처리하는 로직을 담당합니다.

---

참고 사이트

[디자인패턴] MVC, MVP, MVVM 비교

 

MVC, MVP, MVVM 패턴의 특징

 

 

한 번의 글로 이해하는 소프트웨어 아키텍처 패턴 ( MVC, MVP, MVVM )

 

문제가 있으면 댓글 남겨주세요 !

피드백은 언제나 환영입니다 <3