본문 바로가기
그간의 준비 간단하게 만들려고했던게 일이 계속 커진다 이걸 배우면 저걸또 배워야되고 저걸 배우면 또 그다음껄 배워야되고.. 끝이없는 뫼비우스의 띠같은데 지금 배운거에서 멈추고 바로 실질적인 제작을 들어가야겠다. 2018. 6. 29.
NPM NPM명령어 Package.json 생성npm initnpm init -y-y 를 붙일경우 default정보를 가지고 package.json생성패키지 설치 및 업데이트npm install [패키지명] 단축명령npm i [패키지명] --save의 경우 로컬인스톨됨node_modules에 다운로드되어있음 전역(global) 설치 vs 지역(local) 설치npm install [패키지명] - g- 글로벌은 system레벨에서 설치 모든곳에서 접근가능 requrire 의 경우 로컬로 가져옴 install --save , --save-dev의 차이--save 앱이 구동하기 위해 필요한 모듈&라이브러리 --save-dev는 앱 개발시에 필요한 모듈&라이브러리 (유틸리티성) dependenciesdevDepende.. 2018. 6. 19.
개인용 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.
VSCODE gist를 통한 동기화 VSCODE gist를 통한 동기화https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync 1. vscode에서 settings sync 검색후 설치 2. Steps To Get a Personal Access Token from GitHub깃헙 사이트에 들어간후settings / developer settings / Personal access tokens / generate New Token- Generate new token - 토큰의 이름 입력후 생성 - 생성된 토큰을 저장해둠 3. VSCODE에 접속후shift + alt + U키를 누른후 업로드시킴 해당화면이 나오면 생성된 토큰을 입력하면 저동으로 올라간다. 참고사항.. 2018. 6. 11.
CORDOVA + VUE + FRAMEWORK7 CORDOVA + VUE + FRAMEWORK7원하는 세팅cordova + vue + framework7-vue 시간날때 하나씩 진행해봄http://framework7.io/vue/https://github.com/kartsims/vue-cordovahttps://github.com/c4software/vuejs-cordova-sample 2018. 6. 8.
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.
SELECT 문에 EXIST문사용 특정 카테고리 항목에 대해서 해당 항목에 포함되는 내용이 존재할경우 Y표시를 해야했다.CASE WHEN THEN 과 EXSIT를 혼합하여 쿼리를 짯다. SELECT *, (CASE WHEN EXIST( SELECT * FROM AAA aa WHERE getdate() BETWEEN aa.시작일 AND aa.종료일 AND aa.idx = bb.idx)) THEN 'Y' ELSE 'B' END) AS NEW WHERE BBB bb 결론 : SELECT ( CASE WHEN EXISTS ( 원하는 쿼리 ) THEN 'Y' ELSE 'N' END ) AS YN 2018. 5. 31.
알파벳 증가 // alphabet increment 알파벳 증가기본 : 아스키 코드를 이용하여 증가시킴 - charCodeAt : 문자열을 아스키 코드로 변환 - fromCharCode : 아스키코드를 문자열을 구성 https://stackoverflow.com/questions/12504042/what-is-a-method-that-can-be-used-to-increment-lettersString.fromCharCode('A'.charCodeAt() + 1) // Returns B function nextChar(c) { var u = c.toUpperCase(); if (same(u,'Z')){ var txt = ''; var i = u.length; while (i--) { txt += 'A'; } return (txt+'A'); } else {.. 2018. 5. 31.