-
TIL 2021.7.16 : MVVM(모델-뷰-뷰모델)항해99 1기 수료후 TIL 2021. 7. 16. 01:51
SPA를 만들기 위한 프레임워크인 vue가 사용하는 패턴인 MVVM
MVVM 모델(패턴)
구성요소
1. View : 보이는 것 = UI. UI를 다룬다.
2. Model : 사용하는 데이터를 다룬다.
3. View Model : View만을 위한 모델. View가 사용하는 메서드와 속성들을 갖고 View에 상태 변화를 알린다. 그리고 view가 사용할 데이터를 바인딩해준다.
작동순서
Action -> View에서 View Model로 Action 전달 -> View Model에서 Model로 데이터 변경 요청 -> Model의 응답이 View Model로 전달 -> View Model에서 데이터를 바인딩해서 View에 전달
MVC vs MVVM 차이점
참고문헌
[Android] MVVM & 안드로이드 아키텍쳐 컴포넌트 시작하기
https://m.blog.naver.com/ylee96/221557025026
'항해99 1기 수료후 TIL' 카테고리의 다른 글
TIL 2021.7.26 : 자바스크립트 클래스의 this와 파이썬 클래스의 self 비교(feat. React) (1) 2021.07.26 TIL 2021.7.23 : 자바스크립트 호이스팅의 애매함 타파하기 (0) 2021.07.23 TIL 2021.7.21 : 자바스크립트 데이터의 불변성 유지(feat. 가변성) (0) 2021.07.21 TIL 2021.7.15 : 정적 웹 vs 동적 웹 (0) 2021.07.14 TIL 2021.7.8 : 프레임워크와 라이브러리의 차이는? (0) 2021.07.08