MVC 패턴

MVC 패턴이란?

MVC(model, view, controller)는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 사용되는 소프트웨어 디자인 패턴이다.

MVC 역할

1. 모델: 데이터와 비지니스 로직을 관리
2. 뷰: 레이아웃과 화면을 처리
3. 컨트롤러: 명령을 모델과 뷰 부분으로 라우팅

📝 사용자가 컨트롤러를 조작하면 컨트롤러는 모델을 통해 데이터를 가져오고, 그 데이터를 바탕으로 뷰를 통해 시각적 표현을 제어해 사용자에게 전달

Model(모델)

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

📝 업데이트된 뷰를 제거하기 위해 다른 로직이 필요한 경우 컨트롤러에게 알리기도 함

View(뷰)

앱의 데이터를 보여주는 방식이다. 표시할 데이터를 모델에게서 받는다.

Controller(컨트롤러)

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

📝 리스트를 추가하거나 제거할 수 있는 입력 폼과 버튼을 갖는다. 모델이 업데이터 -> 컨트롤러에게 전송 -> 모델 처리 -> 업데이트 된 데이터 뷰로 전송

데이터를 다른 형태로 나타내기 위해 뷰를 업데이트할 경우 컨트롤러는 모델을 업데이트할 필요 없이 바로 처리할 수 있다.

📚 참고 사이트
https://developer.mozilla.org/ko/docs/Glossary/MVC