Languages/JavaScript

[TIL] MVC 패턴을 알아보자

성중 2022. 12. 15. 15:55
[10분 테코톡] 🧀 제리의 MVC 패턴

위 영상을 참고해 프리코스에 자주 언급되었던 MVC 패턴에 대해서 정리해보았다

 

MVC 패턴 이전의 프로젝트들은 규모가 커질수록 코드가 복잡해져서 한 눈에 파악하기도 힘들고 하나의 기능을 수정할 때마다 대부분의 코드를 갈아엎어야 하는 등 문제가 많았다

→ MVC 패턴은 이 상황에서 유지보수가 용이한 규칙성들을 공식화한 것이라 볼 수 있다

 

MVC = 유지보수가 편해지는 코드 구성 방식

 

MVC 패턴 맛보기

  • Model: 데이터와 관련된 부분
  • View: 사용자에게 보여지는 부분
  • Controller: Model과 View를 이어주는 부분

 

MVC 패턴을 지키며 코딩할 수 있는 5가지 규칙

  1. Model은 Controller와 View에 의존하지 않아야 한다 (= Model 내부에 Controller와 View에 관련된 코드가 있으면 안된다)
  2. View는 Model에만 의존해야 하고, Controller에 의존하면 안된다 (= View 내부에는 Model의 코드만 있을 수 있고, Controller의 코드가 있으면 안된다)
  3. View가 Model로부터 데이터를 받을 때는, 사용자마다 다르게 보여주어야 하는 데이터에 대해서만 받아야 한다
  4. Controller는 Model과 View에 의존해도 된다 (= Controller 내부에는 Model과 View의 코드가 있을 수 있다)
  5. View가 Model로부터 데이터를 받을 때, 반드시 Controller에서 받아야 한다

UI(레이아웃) + Model로부터 받은 데이터 = View