JAVA 스터디 : MVC패턴이란?

디자인 패턴이란?

프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리하여 특정한 "규약"을 통해 쉽게 쓸 수 있는 형태로 만든 것을 말한다. 특정 앱을 만든다 가정했을 때, 유지보수나 타인과의 공유를 하면서 만드는 경우가 다수 있다. 그럴 대 좀 더 쉽고 깔끔하게 만들 수 있는 방법을 고민해야한다.

예를 들어 그냥 jQuery를 이용한다면 $('#lucid')로 DOM을 선택할 수 있는 있지만, 그냥 순수Javascript를 사용한다면 document.getElementsByid('lucid')로 길게 써가며 찾아야 한다. 이런 것을 "돕기" 위해 디자인이라는게 나오는 것이며 이렇듯 "좀 더 쉽고 편리하게" 사용할 수 있게 만든 특정한 방법들을 디자인 패턴이라고 합니다. 그 디자인 패턴이라는 것은 스트래티지 패턴, 옵저버 패턴 등등 정말 여러가지가 있고 그 중에 하나가 바로 MVC패턴입니다.

 

MVC (Model, View, Controller) ?

이전에도 GUI 포스팅 때 간단하게 다루긴 하였지만 ... (nokmallist.tistory.com/68) 사용자가 controller를 조작하면 controller는 model을 통해서 데이터를 가져오고 그 정보를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달하게 된다.

모델, Model

애플리케이션의 정보, 데이타를 나타냄. 데이타베이스, 처음의 정의하는 상수, 초기화값, 변수 등을 뜻함. 또한 이러한 DATA, 정보들의 가공을 책임지는 컴포넌트를 말함.

1. 사용자가 편집하길 원하는 모든 데이터를 가지고 있어야 한다.
2. 뷰나 컨트롤러에 대해서 어떤 정보도 알지 말아야 한다.
3. 변경이 일어나면, 변경 통지에 대한 처리방법을 구현해야만 한다.

 

뷰, View

input 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소를 나타냄. 다시 말해 데이터 및 객체의 입력, 그리고 보여주는 출력을 담당함. 데이타를 기반으로 사용자들이 볼 수 있는 화면.

1. 모델이 가지고 있는 정보를 따로 저장해서는 안된다.
2. 모델이나 컨트롤러와 같이 다른 구성요소들을 몰라야 된다.
3. 변경이 일어나면 변경통지에 대한 처리방법을 구현해야만 한다.

 

컨트롤러,Controller

데이터와 사용자인터페이스 요소들을 잇는 다리역할을 함. 즉, 사용자가 데이터를 클릭하고, 수정하는 것에 대한 "이벤트"들을 처리하는 부분을 뜻함.

1. 모델이나 뷰에 대해서 알고 있어야 한다.
2. 모델이나 뷰의 변경을 모니터링 해야 한다.

 

MVC 패턴을 사용하는 이유

사용자가 보는 페이지, 데이터처리, 그리고 이 2가지를 중간에서 제어하는 컨트롤, 이 3가지로 구성되는 하나의 애플리케이션을 만들면 각각 맡은바에만 집중을 할 수 있게 됨. 공장에서도 하나의 역할들만 담당을 해서 처리를 해서 효율적이게 됨.

구글의 AngularJS, php의 코드이그나이터, python의 django, facebook의 react에서 사용되는데, react는 mvc 패턴만을 사용하다가 flux 패턴도 쓴다(redux). react는 mvc 프레임워크는 아니지만 View에 신경쓰는 라이브러리이다. 다른 웹프레임워크와는 달리 ajax, 데이터 모델링, 라우팅 같은 것이 없다.

리액트는 단방향 데이터 흐름으로 데이터 변경에 관한 DOM객체만 변경해주는 체계, 데이타가 변경되면 양방향 데이터 바인딩처럼 모델 변경 > 뷰변경이 아니라 특정함수를 실행시킴으로써 DOM객체를 갱신한다.

 

출처: m.blog.naver.com/jhc9639/220967034588