MVC패턴

MVC 패턴

MVC 패턴이란 Model-View-Controller의 앞글자만 따온 약자로, 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴이다.

디자인 패턴이란? 프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용하여 쓸 수 있는 것을 정리한 규약

해당 패턴은 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 있다. 즉, 하나의 애플리케이션을 설계함에 있어서 구성 요소를 세 가지 역할로 나누어 구분한 것이다. 세 가지 역할은

• 모델(Model) : 데이터와 비즈니스 로직 관리
• 뷰(View) : 레이아웃과 화면 처리
• 컨트롤러(Controller) : 모델과 뷰로 명령을 전달 로 구분된다

위의 그림처럼 서로의 관계가 정의되어 있다. 각각의 요소에 대해서 자세히 알아보자

모델(Model)

애플리케이션의 정보, 데이터를 나타낸다. 데이터베이스, 상수, 초기화값, 변수 등을 뜻하며, 이러한 정보들을 가공하는 역할을 한다.

규칙

• 사용자가 편집하길 원하는 모든 데이터를 가지고 있어야 함
• 뷰나 컨트롤러에 대해서 어떤 정보도 알지 말아야 함
  • 뷰를 참조하는 내부 속성값을 지니면 안됨
• 변경이 일어나면, 변경 통지에 대한 처리방법을 구현
  • 정보 변경이 일어나면, 이벤트를 발생시켜 전달하고, 이를 뷰에서 수신하여 처리하거나 하는 처리 방법이 따로 있어야 함
  • 모델은 재사용가능해야 하며 다른 인터페이스에서도 변하지 않아야 함

뷰(View)

사용자 ui를 담당하는 요소이다. 데이터 및 객체의 입력, 출력을 담당한다. 데이터를 기반으로 사용자들이 볼 수 있는 화면이다. 즉, 표시할 데이터를 모델로부터 받아 출력한다.

규칙

• 모델이 가지고 있는 정보를 따로 저장해서는 안됨
  • 임의의 뷰 내부에 저장 금지
• 모델이나 컨트롤러와 같이 다른 구성요소들을 몰라야 함
  • 모델과 같은 자기 자신을 제외하고 다른 요소들의 참조나 동작을 모름
  • 데이터를 받으면 단순히 화면에 표시만 함
• 변경이 일어나면 변경 통지에 대한 처리 방법 구현
  • 모델과 같이 변경이 일어났을 때 변경을 알려줘야 하는 방법 구현
  • 재사용가능하게끔 설계

컨트롤러(Controller)

컨트롤러는 데이터와 ui(사용자 인터페이스) 요소들을 잇는 다리 역할이다. 사용자가 데이터를 클릭하면 수정하는 것에 대한 이벤트들을 처리한다

규칙

• 모델이나 뷰에 대해서 알고 있어야 함
  • 모델이나 뷰는 서로 모르즈만 컨트롤러는 그 사이에 둘을 모두 알고 있는 상태에서 변경을 외부로 알리거나 수신할 수 있어야 함
• 모델이나 뷰의 변경을 모니터링 해야함

장점

이러한 3개의 구성 요소로 나누어 동작하는 웹 서버의 구조를 활용하면 가지는 장점들이 뚜렷하다.

• 유지보수성 향상
  • 모델, 뷰, 컨트롤러가 명확하게 나누어져 있어 코드의 수정이나 확장이 용이하다
  • 유지보수가 필요한 부분을 집어 해당 부분만 수정하면 됨
• 개발의 병렬성 증가
  • 따로따로 개발이 가능해서 협업을 할 경우 개발의 분업화가 잘 이루어질 수 있음
• 유연성과 확장성
  • 애플리케이션의 기능을 쉽게 추가 및 확장 가능하다
  • 각각의 요소에 맞추어 추가하기만 하면 된다
• 테스트 용이성
  • mvc 패턴은 각 컴포넌트가 독립적으로 동작하도록 설계되었기 때문에 단위 테스트를 수행하기 쉬움
• 코드의 명확한 구조
  • 코드의 구조가 명확해짐
  • 코드의 가독성을 높임
• 중복 코드 감소
  • 중복 코드를 하나로 묶음으로써 재사용이 용이하고 코드의 중복이 사라짐

참조

https://developer.mozilla.org/ko/docs/Glossary/MVC https://m.blog.naver.com/jhc9639/220967034588