요즘 Vue.js에 대한 관심이 뜨거워지고 있네요.

그래서 간단히 Vue.js에 대해 정리해보고자 합니다.

Vue.js는?

Evan You에 의해 탄생한 Vue.js는 Open Source Javascript Framework로, 현재는 React, Angular와 같은 Front-End Framework에 비해 가볍고 쉽게 배울 수 있다고 합니다.

그럼 왜 우리는 Vue.js를 사용해야 할까요?

사실 저는 이러한 Front-End Framework를 사용해본 경험이 없기 때문에 Evan You가 말하는 걸 빌려와보겠습니다.

1. Reactivity

Vue.js 에서 어떤 객체의 값이 변경되더라도, 우리가 해야만 하는건 아무것도 없습니다.

즉, Vue는 해당 객체를 변경하고, 그 객체를 "reactive"하게 만듭니다.

Vue에서는 우리가 값을 변경하더라도, 자동으로 해당 값을 업데이트 해준다.

2. Conponents

Vue.js는 Components 중심의 Framework라고 할 수 있습니다.

Components는 다른 Components를 포함할 수 있으며, 우리가 흔히 알고있는 자료구조의 Tree 의 모습을 하고 있습니다.

Conponents의 부모-자식 관계를 이용해 복잡한 인터페이스 환경도 Vue는 간단하게 구조화 할 수 있습니다.

3. Modularity

Vue.js에서는 자동으로 객체를 컴포넌트 구조로 바꿔주기 때문에 우리는 쉽게 객체를 export 할 수 있습니다.

즉, 컴포넌트 템플릿, 스타일, Javascript 로직을 동일한 파일에 캡슐화하여 쉽게 사용할 수 있습니다.

4. Animations

Vue는 초당 60개의 frame을 트윈할 때, 어떤 바인딩이 영향을 받을지 정확히 알고 있기에, 변경해줘야 하는 바인딩만 변경하여 효율성을 높일 수 있다고 합니다.

5. Routing

React와 마찬가지로 Vue 스스로 Routing을 하지는 않습니다. 하지만 vue-router 패키지를 이용해 복잡한 Routing을 지원합니다.

6. Stability

Vue는 personal project며 그렇기에 enterprise backed dev team을 찾고있다면 Vue가 적합하지 않을 수 있으나, 문제가 발생할 때마다 빠르게 해결할 수 있고, 안정성을 유지해왔습니다.

자세한 내용을 원하시는분은 아래 링크를...

https://blog.evanyou.me/2015/10/25/vuejs-re-introduction/

직접해보지 않으니 무슨말인지 하나도 모르겠네요....

Vue.js에 대한 소개는 그만하고 다음 컨텐츠에서는 직접 해보도록 하겠습니다.