개발자의 기록습관

Vuex HelperVuex의 각 속성들을 더 쉽게 사용하는 방법 - HelperStore에 있는 아래 4가지 속성들을 간편하게 코딩하는 방법state -> mapStategetters -> mapGettersmutations -> mapMutationsactions -> mapActionsHelper의 사용법helper를 사용하고자 하는 vue 파일에서 아래와 같이 해당 helper를 로딩만약 헬퍼를 사용하지 않았다면, State에 정의 된 num에 접근하려면 this.$store.state.num 와 같이 접근해야 한다.생소하게 보이는 mapState앞에 있는 ...은 ES6의 Object Spread Operator이다.Vue.js를 위한 ES6 정리 내용 링크//App.vue import { ma..

Vuex 주요 기술 요소InstallVuex는 싱글 파일 컴포넌트 체계에서 NPM 방식으로 라이브러리를 설치하는게 좋다.npm install vuex --saveES6와 함께 사용해야 더 많은 기능과 이점을 제공받을 수 있음Vue.js에서 전역으로 Vuex 플러그인 사용하기/src/store/store.jsimport Vue from 'vue'; import Vuex from 'vuex'; ​ Vue.use(Vuex); export const store = new Vuex.Store({ // });/src/main.jsexport한 store를 import 시키고ES6의 Enhanced Object Literals 특성을 통해 축약해서 등록할 수 있다.import Vue from 'vue'; import..

Vuex Intro상태 관리 라이브러리 Intro복잡한 애플리케이션의 컴포넌트들을 효율적으로 관리하는 Vuex 라이브러리 소개Vuex 라이브러리의 등장 배경인 Flux 패턴(React) 소개Vuex 라이브러리의 주요 속성인 state, getters, mutations, actions 학습Vuex를 알기 전의 개념으로는 각각 data, computed, method, 비동기 method라고 생각하면 된다.Vuex를 더 쉽게 코딩할 수 있는 방법인 Helper 기능 소개Vuex로 프로젝트를 구조화하는 방법과 모듈 구조화 방법 소개Vuex란?무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리React의 Flux 패턴에서 기인함Vue.js 중고급 개발자로 성장하기 위한 필수 관문Flu..