MVVM (Model View ViewModel)
-
angular / react / vue
-
코드에서 DOM 을 조작하는 코드가 사라지고, 이 기능들은 프레임워크가 담당하게 되는 패턴.
-
즉, View 를 그리는 모델만 남겨뒀다! (Controller 제거)라는 의미에서 ViewModel 이 추가됨.
-
기존의 mvc 모델로 작업을 하다보니, 데이터를 찾아서 데이터를 바꾸고, 데이터 수정하고, 이벤트 연결하고..하는 작업이 반복됨.
-
서버에서 개발 할 때는 html 이 전체적으로 렌더링 되다보니
{{}}
와 같은 템플릿 엔진의 치환자로 선언적으로 편하게 개발을 하는 반면! jQuery 의 경우 전체 html 을 갱신했다가는 화면이 깜빡거림. 따라서 특정 부분을 찾아서 수정해줬어야했음.