Vue.js

Vue.js

- 자바스크립트 프레임워크 중 하나

- 초보자도 간단하게 웹 페이지에 인터랙티브한 기능을 추가하는 것이 가능한 라이브러리 입니다.

​

SPA(Single Page Application)

- 웹 페이지 하나에 여러 가지 기능을 넣어서 " 하나의 페이지로 동작하는 웹 어플리케이션"을 SPA라고 합니다.

​

프레임워크

- 복잡한 내용을 간단히 미리 규격화/모듈화 해둔 도구

​

프레임워크 사용시

- 기본 자바 스크립트에서 사용할 수 없던 문법이나, 입력방식들을 사용할 수 있게 되고, 타

플러그린을 통해 UI 컴포넌트나 스타일, 추가 기능 등을 불러다 쓰는 것도 가능해진다.

​

자바스크립트 프레임워크 - Vue/React/Angular

​

Vue.js : 데이터와 뷰를 연결해주는 역할

MVVM : Model View ViewModel

​

데이터는 무엇인가? (Model)

- 웹 페이지에서 바뀌는 부분이 어디인지?

표시되는 요소는 무엇인까? (View)

- HTML의 어느 부분에서 어떤 형식으로 표시되는가?

어떤 식으로 연결되는가? (ViewModel)

HTML의 어디가 조작될 때 데이터가 어떤 형식으로 변화되는가?

​

Vue.js 작성방법

데이터를 만들고, 표시하는 요소를 준비한 후 연결한다.