기타2/Vue.js6 개인용 vue-webpack-boilerplate Framework7 + vuejs https://github.com/framework7io/framework7-template-vue-webpack + cordovahttps://github.com/AppointmentGuru/webpack-mobile-f7https://vuetifyjs.com/ko/ --https://github.com/AppointmentGuru/webpack-mobile-f7 해당버전을 fork하여 템플릿제작 -> 구버전이라 사용XModule build failed: Error: Failed to load plugin react: Cannot find module 'eslint-plugin-react'---버전을 어떻게 맞추는게 좋을것인가..---https://github.com/.. 2018. 6. 18. vuex의 Helper함수 HELPER각 속성들을 더 쉽게 사용하는 방법https://vuex.vuejs.org/api/#mapstate state -> mapStategetters -> mapGettersmutations -> mapMuationsaction -> mapActions----컴포넌트가 많이자면 접근하기가 힘들다. 헬퍼의 사용법import { mapState,mapGetters,mapMuations,mapActions } from 'vues' export default{computed() {..mapState(['num']), ...mapGetter(['countedNum'])},methods : {..mapMuations(['clickBtn']),...mapActions(['asyncCLickBtn'])}} ..... 2018. 6. 11. Vuex vuexhttps://vuex.vuejs.org/----React의 Flux패턴에서 기인함 - 컴포넌트들을 효율적으로 관리- Flux 패턴- state, getters, mutations, actions- Helper---- FLUX- MVC패턴의 복잡한 데이터 흐름 문제를 해결하는 개발패턴 - Unidirectional data flow모든 데이터가 한방향으로 흐른다.1. action : 화면에서 발생하는 이벤트 또는 사용자의 입력2. dispatcher : 데이터를 변경하는 방법,메서드3. model : 화면에 표시할 데이터4. view : 사용자에게 비춰지는 화면 단방향으로이동Action -> Dispatcher -> Model -> View -> Action .... ----- 어플리케이션이 복잡.. 2018. 5. 30. VUE관련정보 페이스북 그룹에 나와있는 관련정보https://www.facebook.com/groups/vuejs.korea/ - Vue.js 한국어 사용자 Slack 채팅방 https://vuejs-korea.herokuapp.com/- Vue.js 한국어 사용자 Discord 채팅방 https://discord.gg/x3Vjg9C- Vue.js 한국어 번역 가이드 문서 https://kr.vuejs.org https://router.vuejs.org/kr/ https://vuex.vuejs.org/kr/ https://vue-loader.vuejs.org/kr/ https://ssr.vuejs.org/ko- Nuxt.js 한국어 번역 문서 https://ko.nuxtjs.org/- Vue.js 한국어 사용자 블로그.. 2018. 5. 11. https://github.com/vuejs/vue-cli https://github.com/vuejs/vue-cli 터미널에서 설치 당시 버전 3.0npm install -g @vue/cli vue --version PS C:\vue> vue --versionYou are using Node v6.3.0, but this version of vue-cli requires Node >=8.Please upgrade your Node version. view cli는 노트버전 높아야되나보다 https://github.com/creationix/nvm nvm이 설치되어있었으나 오랜만에 nvm도 업그레이드좀하고 1.1.6버전 https://github.com/coreybutler/nvm-windows/releases 설치당시 최신 LTS버전은 8.11.1 버전이다nv.. 2018. 5. 9. 비쥬얼스튜디오코드 https://code.visualstudio.com/ 플러그인Vetur -scfTSLint Auto Close Tag-> 태그 자동 닫음 IntelliSense for CSS Path Intellisense ProjectManager vscode-icons npm npm Intellisense 2018. 5. 9. 이전 1 다음
