프런트엔드/디자인 패턴

MVVM 한장에 정리!

조드래곤나인 2023. 7. 11. 17:53


MVVM

 

MVVM에서 Model과 View는 MVC에서 정의된 역할과 동일하다.
Model은 상태저장, 비즈니스 로직, 순수한 데이터이고,
View는 시각적인 요소를 담당한다.

ViewModel는 View가 데이터 바인딩에 사용할 수 있는 Model을 전문화한다.
1) Model Type을 View Type으로 변환하는 데이터 변환기 역할
2) View가 Model과 상호작용 할 수 있게 하는 역할
3) UI의 재사용 가능한 부분에 대한 추상적 표현
4) Selection과 Commands를 포함한다.



MVC에서 파생되는 패턴들은 모델과 뷰 사이에 무언가를 넣는 것이다.

뷰를 가상화하는 프록시를 가짐으로서 뷰와 모델간의 관계를 끊는다.

모델의 데이터 형태가 뷰에게 의존하기 때문에

모델의 변경이 필요할때 뷰의 변경이 필요해서 비용이 많이 든다.
그래서 모델의 데이터 형태와 뷰 렌더링을 위한 데이터 형태를 분리하기 위해
객체를 만들어서 의존성을 해결한다.

뷰를 위한 데이터이기 때문에 뷰모델이라고 부른다.

뷰와 뷰모델은 양방향 바인딩이 구조이고 서로 변경이 되었을 때 변경이 됐음을 알려준다.


 

공식 기술블로그 링크

2019.07.27 MVVM 정리

MVVM MVC에서 파생되는 패턴들은 모델과 뷰 사이에 무언가를 넣는 것이다. 뷰를 가상화하는 프록시를 가짐으로서 뷰와 모델간의 관계를 끊는 다. 모델의 데이터 형태가 뷰에게 의존이 생기기 때문

the-next-web-research-lab.github.io

MVVM 정리

MVVM MVVM에서 Model 과 View는 MVC에서 정의된 역할과 동일하다. Model은 상태저장, 비즈니...

blog.naver.com

 

728x90