[STUDY] JS - 02. Javascript MVC

 

02. Javascript MVC

• Javascript 의 기본적인 디자인 패턴

반응형

 

 

 

MVC 디자인 패턴

· MVC(Model-View-Controller) 로 구성된 Javascript Design Pattern

출처(https://www.bottlehs.com/javascript/javascript-mvc-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%8C%A8%ED%84%B4-%EA%B0%9C%EB%85%90-%EC%9D%B4%ED%95%B4/)

 

Model

· 도메인 레이어(Domain Layer)

· 응용 프로그램 내에서 사용되는 데이터를 처리하는 영역

 

View

· Model 영역을 화면에 구성(렌더링)

· 일반적으로 사용자 인터페이스(UI) 영역 (HTML)

 

Controller

· Model 과 View 사이의 상호 작용을 담당

· 일반적으로 사용자 행동(Action)에 해당하는 이벤트 처리하는 영역

 

※ 단순하고 일반적인 디자인 패턴이지만, Model-View 간 의존성이 높아 웹 응용 프로그램이 복잡해 질 수록 복잡해지고 유지보수에서 어려움이 발생