Vue

vue 유용한 directives, components 정리

Vue Atomic 컴포넌트를 구현하였다.

Vuex는 단일 상태 트리를 사용하기 때문에 App의 모든 상태가 하나의 큰 객체 안에 포함된다. 그러나 규모가 커짐에 따라 저장소가 비대해질 수 있다. 이를 위해 Vuex는 저장소를 Module로 나눌 수 있다. 각 Module은 자체 state, getter, action, mutation 을 가진다.

Storybook은 React, Vue, Angular 등 다양한 Library를 지원하고, 여기서는 그 중 Typescript로 작성한 Vue 컴포넌트를 테스트하는 방법에 대하여 정리하였다.

Vue에서 화면의 변경이 있을 때 Vue Router를 사용하는 방법뿐 아니라, Dynamic component를 활용하여 렌더링하는 컴포넌트를 변경할 수 있다.

Vue에 Typescript를 적용하는 방법 두가지 그리고 Typescript 적용시 겪는 이슈들에 대하여 정리하였다.

vue에서 template상속은 slot element를 통해서 할 수 있다. slot element는 상속받은 컴포넌트에서 구현한 내용으로 대체된다.

AngularJS 안에서 vuex Store module 정의하고 사용하기

AngularJS 안에서 vue component에 vue-i18n 적용하기

AngularJS를 통해 load 되는 모든 template들은 Angular 구문으로 해석되고, 바인딩하는 과정을 거친다. 따라서, Angular의 template과 Vue의 template은 혼용해서 사용할 수 없다.

Vue에서 컴포넌트를 상속하는 방법에는 mixin과 extends가 있다.

컴포넌트의 key attribute 변경을 통한 re-rendering

axios, vuex 사용시, 구형 IE 에러

vue와 다른 framework를 비교하였다.