MVC, MVP 및 MVVM 디자인 패턴 탐색

사용자 인터페이스에는 주로 처리해야하는 복잡한 논리 때문에 복잡한 코드가 많이 포함되어 있습니다. 프리젠 테이션 패턴은 주로 하나의 목표를 염두에두고 설계되어 프리젠 테이션 레이어의 복잡한 코드를 줄이고 사용자 인터페이스의 코드를 깔끔하고 관리하기 쉽게 만듭니다. 이 게시물에서는 MVC, MVP 및 MVVM 디자인 패턴에 대한 토론을 제시하고 어떤 디자인을 다른 것보다 선택해야 하는지를 강조합니다.

모델보기 컨트롤러

Model View Controller (일반적으로 MVC라고 함) 프레임 워크는 테스트 및 유지 관리가 더 쉬운 응용 프로그램을 빌드하는 데 도움이됩니다. 세 가지 주요 구성 요소로 구성됩니다.

  1. 모델-애플리케이션의 데이터를 나타내는 레이어입니다.
  2. 보기-프레젠테이션 또는 사용자 인터페이스 레이어를 나타냅니다.
  3. 컨트롤러-이 계층에는 일반적으로 애플리케이션의 비즈니스 로직이 포함됩니다.

MVC 디자인 패턴의 주요 목적은 테스트 가능성을 용이하게하기 위해 관심사를 분리하는 것입니다. Model View Controller 디자인 패턴을 사용하면 문제를 격리하고 애플리케이션의 코드를보다 쉽게 ​​테스트하고 유지 관리 할 수 ​​있습니다. 일반적인 MVC 디자인에서 요청은 먼저 모델을 해당 뷰와 바인딩하는 컨트롤러에 도착합니다. MVC 디자인 패턴에서 뷰와 컨트롤러는 전략 디자인을 사용하고 뷰와 모델은 관찰자 디자인을 사용하여 동기화됩니다. 따라서 MVC는 복합 패턴이라고 말할 수 있습니다. 컨트롤러와 뷰는 느슨하게 결합되어 있으며 하나의 컨트롤러를 여러 뷰에서 사용할 수 있습니다. 뷰는 모델의 변경 사항을 구독합니다.

모델보기 발표자

MVP (Model View Presenter) 디자인 패턴은 모델,보기 및 발표 자라는 세 가지 구성 요소로도 구성됩니다. MVP 디자인 패턴에서 Controller (MVC)는 Presenter로 대체됩니다. MVC 디자인 패턴과 달리 Presenter는 MVC 디자인 패턴에 비해 MVP 디자인 패턴을 활용하는 응용 프로그램의 단위 테스트가 훨씬 쉬워서보기를 조롱하는 것이 더 쉬운보기를 다시 참조합니다. MVP 디자인 패턴에서 발표자는 모델을 조작하고 뷰도 업데이트합니다. 이 디자인에는 두 가지 변형이 있습니다. 여기에는 다음이 포함됩니다.

  1. 패시브 뷰-이 전략에서 뷰는 모델을 인식하지 못하며 발표자는 모델의 변경 사항을 반영하도록 뷰를 업데이트합니다.
  2. 감독 컨트롤러-이 전략에서 뷰는 발표자의 개입없이 데이터를 데이터 컨트롤에 바인딩하기 위해 모델과 직접 상호 작용합니다. 발표자는 모델 업데이트를 담당합니다. 복잡한 사용자 인터페이스 로직을 실행해야하는 경우 필요한 경우에만 뷰를 조작합니다.

이 두 변형 모두 프리젠 테이션 논리의 테스트 가능성을 촉진하지만, 주로 프리젠터 내부에 모든 뷰 업데이트 논리가 있기 때문에 테스트 가능성에 관한 한 패시브 뷰 변형이 다른 변형 (감독 컨트롤러)보다 선호됩니다.

응용 프로그램이 여러 사용자 인터페이스 기술에 대한 지원을 제공해야하는 경우 MVP 디자인 패턴이 MVC보다 선호됩니다. 사용자 상호 작용이 많은 복잡한 사용자 인터페이스가있는 경우에도 선호됩니다. 애플리케이션의 사용자 인터페이스에 대한 자동화 된 단위 테스트를 원하는 경우 MVP 디자인 패턴이 기존 MVC 디자인보다 적합하고 선호됩니다.

모델-보기-ViewModel (MVVM)

Model-View-ViewModel (MVVM)은 Martin Fowler의 프레젠테이션 모델 디자인 패턴의 변형입니다. MVVM은 인기있는 MVC 디자인을 개선 한 것이며 MVVM의 ViewModel은 프레젠테이션 분리를 촉진하는 데 사용됩니다. MVVM에서 논리는 발표자에 저장되고 뷰는 모델에서 완전히 분리됩니다. 발표자는보기를 인식하지 못하지만보기는 발표자를 인식합니다. MVVM의 발표자는 사용자 인터페이스의 추상보기를 나타내는 데 사용됩니다. 패시브 뷰는 뷰에 모델에 대한 지식이 없음을 의미합니다. MVVM 디자인 패턴에서보기는 활성 상태이며 동작, 이벤트 및 데이터 바인딩 정보를 포함합니다. MVVM의 뷰는 상태 정보 관리를 담당하지 않습니다. 뷰는 뷰 모델과 동기화됩니다.MVVM의 뷰 모델은 프레젠테이션 분리를 담당하며 뷰의 상태를 관리하고 모델을 조작하는 메서드와 명령을 노출합니다.

MVVM의 뷰와 뷰 모델은 어떻게 통신합니까? 음, MVVM의 뷰와 뷰 모델은 메서드, 속성 및 이벤트를 사용하여 통신합니다. 뷰와 뷰 모델 간의 양방향 데이터 바인딩 또는 양방향 데이터 바인딩은 뷰 모델의 모델 및 속성이 뷰와 동기화되도록합니다. MVVM 디자인 패턴은 양방향 데이터 바인딩 지원이 필요한 애플리케이션에 적합합니다.