Vue Chap1

[Vue.js란]

vue 는 Evan You가 개인 프로젝트로 시작해서 2014년에 배포한 자바스크립트 프레임워크이다

뷰는 다음과 같은 이유로 인기가 많다

[Vue의 장점]

• 진입 장벽이 낮고 학습 비용이 적음
• 스케일의 유연성
• 한국어 문서

뷰에서 화면을 렌더링하는 구조 자체는 DOM이 아니라 자바스크립트 데이터이다 데이터를 기반으로 적절한 DOM을 구축하는 방식이다 이처럼 데이터를 중심으로 하는 애플리케이션 설계를 데이터 지향이라고한다

[뷰의 템플릿]

뷰는 DOM을 구축하는 방법으로 템플릿이라는 것을 주로 사용한다 템플릿 구문은 HMTL을 기반으로 하기 때문에 텍스트 에디터와 함께 쉽게 사용이 가능하다

[데이터 바인딩]

데이터와 렌더링을 동기화하는 구조를 데이터 바인딩이라고 한다 다양한 데이터 바인딩 형태의 라이브러리와 프레임워크가 존재하는데 자바스크립트 데이터와 이를 사용하는 위치를 연결해서 데이터에 변경이 있을 때 자동으로 DOM을 업데이트하는 기능으로 대부분 사용한다 Vue.js또한 데이터 바인딩과 관련된 수많은 기능을 가지고 있으며 디렉티브라는 것을 기반으로 이러한 기능을 HTML과 비슷한 형태로 사용할 수 있다

[Vue 컴포넌트]

사이트의 규모가 커지면 자바스크립,HMTL,CSS의 소스코드가 난잡해지며 자바스크립트가 어느 CSS 어떤 부분에 구현되어있는지 등을 알기가 쉽지 않다 Vue.js 컴포넌트는 기능별로 자바스크립트와 템블릿을 하나의 세트로 묶어서 다른 기능과 분리하여 개발할 수 있도록 해주는 기능이다

[v-로 시작하는 디렉티브란]

vus.js를 사용하다보면 템플릿에 v-if, v-bind등 익숙하지 않은 속성들을 볼 수 있는데 이는 모두 특별한 역할을 가지고 있는 속성들이다 이처럼 v-로 시작하는 속성을 디렉티브라고 부르며 주로 데이터 바인딩과 관련된 처리를 한다