[Tech] MVC & MVVM 패턴

MVC는 뭐고, MVVM는 무엇인가?

• 데이터를 렌더링하고 처리하는 다양한 아키텍처 디자인 패턴이 있다.
• 이 중, 우리는 MVC와 MVVM에 대해 알아보고자 한다.

---

MVC 패턴

MVC 패턴은 Model(데이터), View(화면), Controller(컨트롤러)로 구성딘 디자인 패턴이다.

• Model : 애플리케이션의 데이터와 상태를 관리하고, 비즈니스 로직을 수행한다.
• View : 데이터를 렌더링하고, 사용자에게 보여질 화면을 만드는 역할을 한다.
• Controller : 사용자의 입력을 받고 처리하고, 모델과 뷰 사이에서 중재자 역할을 하며 업데이트 한다.

MVC 패턴은 가장 구현하기 쉬운 형태로 많이 사용하는 패턴이다.

---

MVVM 패턴

MVVM 패턴은 Model(데이터), View(화면), ViewModel로 구성딘 디자인 패턴이다.

• Model : 애플리케이션의 데이터와 상태를 관리하고, 비즈니스 로직을 수행한다.
• View : 데이터를 렌더링하고, 사용자에게 보여질 화면을 만드는 역할을 한다.
• ViewModel : 모델과 뷰 사이에서 중재자 역할을 하고, 데이터의 모든 업데이트를 처리하고 모델에게 전달한다.

MVVM 패턴은 react와 같은 라이브러리에서 일반적으로 사용하는 디자인 패턴이다.

---

✨ 출처

프론트엔드 기술 면접 질문

---