기존 방식

• JSP나 뷰 템플릿은 html 컨텐츠를 응답으로 보내며 화면을 제공한다.
• View는 JSON데이터를 응답으로 보내며 데이터를 제공한다.
• 백엔드는 Spring을 기반으로 한다.

Vue.js

- 프론트엔드 MVC 프레임워크다.

• Vue.js의 예시
  
  

  			- 데이터 바인딩을 통해 이름만 같이 맞춰주는 것을 통해 데이터를 입력/변경할 수 있다.
              - 엘리먼트를 조작하는 대신에 데이터의 상태를 변경한다.
              - 데이터의 상태를 항상 감시하다가 데이터의 상태가 변경되면 그것과 연결되어 있는 엘리먼트의 상태도 변경한다.
              - 코드량이 자바스크립트 / jquery에 비해 많이 줄어드는 장점이 있다. 

  

MVC 프레임워크

- 템플릿
	- 이벤트를 발생 시 자바스크립트의 컨트롤러로 간다.
- 자바스크립트
	- 서비스를 통해서 서버에 ajax를 요청한다(서버와 통신한다).
	- 뷰모델에서 응답받은 데이터를 갱신한다. / 갱신한 데이터를 템플릿에 표현한다. / 뷰모델의 데이터가 변경되면 템플릿의 데이터도 자동으로 갱신된다. / 화면에서 입력이 오면 데이터의 상태를 변경한다.
	- 컨트롤러에서 서비스를 호출한다. / 이벤트를 처리한다.