MVC 패턴(Model-View-Controller)이란?

● MVC 패턴

- MVC(Model-View-Controller)는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 디자인 패턴이다.

- 비지니스 로직과 화면을 구분하는데 중점을 두고있다.

- 이러한 관심사 분리는 더 나은 업무의 분리와 향상된 유지보수 관리를 제공한다.

 

● 모델(Model) : 데이터와 비지니스 로직을 관리한다.

● 뷰(View) : 레이아웃과 화면을 처리한다.

● 컨트롤러(Controller) : 명령을 모델과 뷰 부분으로 라우팅한다.

 

모델 뷰 컨트롤러 예시

---

MVC 예시

위와 같이 쇼핑 리스트 앱이 있다고 가정해보자. 우리가 원하는 것은 이번 주에 사야할 각 항목의 이름, 개수, 가격의 목록이다. MVC를 사용해 일부를 구현해보자면 아래와 같이 설명할 것이다.

● 모델

-  모델은 앱이 포함해야 할 데이터가 무엇인지를 정의한다. 데이터의 상태가 변경되면 모델을 일반적으로 뷰에게 알리며 컨트롤러에게 알리기도 한다.

- 다시 쇼핑 리스트 앱으로 돌아가서, 모델은 리스트항목이 포함해야 하는 데이터(품목, 가격 등)와 이미 존재하는 리스트 항목이 무잇인지를 지정한다.

● 뷰

-  뷰는 앱의 데이터를 보여주는 방식을 정의한다.

- 쇼핑 리스트 앱에서, 뷰는 항목이 사용자에게 보여지는 방식을 정의하며, 표시할 데이터를 모델로부터 받는다.

● 컨트롤러

 - 컨트롤러는 앱의 사용자로부터 입력에 대한 응답으로 모델 및 뷰로 업데이트하는 로직을 포함한다.

 

https://developer.mozilla.org/ko/docs/Glossary/MVC

MVC - 용어 사전 | MDN