자바스크립트 + 리액트 디자인 패턴

180

자바스크립트 + 리액트 디자인 패턴

애플리케이션 설계에는 객체의 설계와 애플리케이션 아키텍처라는 두 가지 중요한 측면이

있습니다. 앞 장에서는 객체의 설계와 관련된 패턴을 살펴보았습니다. 이번 장에서는

3

가지

기본 아키텍처 패턴인

MVC

(모델

Model

-뷰

View

-컨트롤러

Controller

),

MVP

(모델

Model

-뷰

View

-

프리젠터

Presenter

),

MVVM

(모델

Model

-뷰

View

-뷰모델

ViewModel

)을 살펴볼 것입니다. 이 패턴

들은 과거에 데스크톱 애플리케이션과 서버 사이드 애플리케이션의 구조화에 주로 사용되어

왔지만, 현재는 자바스크립트 환경에도 적용되어 사용되고 있습니다.

대부분의 자바스크립트 개발자들이

MVC

또는

MV

* 같은 구조를 구현할 때 다양한 라이브

러리나 프레임워크를 활용하는 것을 선호하므로, 이러한 라이브러리와 프레임워크 솔루션들

이 전통적인

MVC

패턴과 어떻게 다른지 비교해 볼 것입니다.

  

MVC

/

MVVM

 패턴을 사용하는 대부분의 최신 웹 

UI

 프레임워크에서는 모델과 뷰 계층을 쉽

게 구별할 수 있습니다. 하지만 세 번째 구성 요소의 이름과 기능은 프레임워크마다 다를 수 있습니다. 따라서 

MV

*에서 ‘*’는 프레임워크에 따라 다양한 형태로 구현되는 세 번째 구성 요소를 의미합니다.

8.1 MVC

패턴