기타233 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. busy-load , spinner 로딩중 표현에 사용git : https://github.com/piccard21/busy-loaddemo : https://piccard21.github.io/busy-load/ //기본세팅$.busyLoadSetup({animation: "fade",spinner: "accordion",background: "rgba(60, 60, 60, 0.86)",text : "처리중 .."}); //풀스크린 적용$.busyLoadFull("show");$.busyLoadFull("hide"); 2018. 6. 5. 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. 자주보는 jquery cheet sheet site 매번 찾아서 보는 Jquery Cheet Sheet sitehttps://oscarotero.com/jquery/ 장점 : 버전에 따른 함수의 가능한지 아닌지까지 알 수 있다. 2018. 5. 8. 안드로이드,아이폰 디바이스 구별 // 안드로이드if( /Android/i.test(navigator.userAgent)) {// IOS}else if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {}else {} 2018. 4. 17. checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이) http://blog.freezner.com/archives/391http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html https://medium.com/@jeongwooahn/html-attribute%EC%99%80-property-%EC%9D%98-%EC%B0%A8%EC%9D%B4-d3c172cebc41---http://api.jquery.com/prop/ attribute는 무엇인가?Attributes는 HTML 요소의 추가적인 정보를 전달하고 이름=“값” 이렇게 쌍으로 온다. 예를 들어 를 보면 div 태그가 class 라는 값이 ‘my-class’인 attribute를 가지고 있다.property는 무엇인가?Property는 att.. 2018. 3. 27. 이전 1 2 3 4 다음
