반응형 Vue4 Vue CLI - init과 각 옵션 Vue CLI - init과 각 옵션 $ @vue install @vue/cli-init -g Vue CLI를 이용해서 플로젝트를 초기화하는 기본 명령어는 다음과 같다. $ vue init template-name 의 경우 Vue CLI에서 정의하는 옵션 6개 중 하나를 입력해야 한다. webpack: webpack빌드 도구와 vue-loader를 이용하는 풀옵션으로서, 선택에 따라 linter, router, css전처리, 테스팅 도구들을 사용할 수 있다. webpack-simple: webpack빌드 도구와 vue-loader를 이용하는 옵션으로서, 작은 애플리케이션을 구축하는데 용이하다. browserify: browserify와 vueify를 이용하는 풀옵션으로서, 선택에 따라 linter와 단위.. 2019. 11. 6. Vue js dynamic class 적용 Vue js dynamic class 적용 태그 요소에 스타일을 동적으로 적용하는 예제다. 처음 다루는 것이다 보니 생소해서 정리를 하긴 하는데.... 예 :class 바인딩 요소를 사용하고 data {안에 flag를 두고 값의 상태 변화에 따라 스타일(클래스)이 바뀌도록 하는 구조 } data () { return { flag : true plusAddCompany () { this.flag = false //for style this.showAddCompany2 = true this.showAddCompanyBtn = true }, 편한 Vue, 하지만 어렵다웅... 2019. 7. 17. vue img src 동적구성 vue img src 동적구성 for를 통해 리스트를 출력하면서 이미지 URL을 동적으로 구성해야하는 상황이었다. 인터넷을 찾아보니 괜찮은 소스가 있어 정리해서 올려 둔다. 자바스크립트 함수를 이용하는 방법이다. /** * 이미지 경로 구성 * @param co * @returns {*} */ getImgUrl(co, size) { let images = require.context('../../assets/bankimg/', false, /\.png$/) if (size == 0) { return images('./' + co + ".png") } else { return images('./'+ co + "@" + size + "x.png") } }, /** * image srcset value ret.. 2019. 7. 17. Hit error EACCES: permission denied, mkdir '/Users/xxxxx/.nvm/versions/node/v10.15.3/lib/node_modules/babel-cli/node_modules/fsevents/lib' 오류가 난다면... 어떻게 하다 보니, Vue.js 란 녀석과 마주하게 되었다. 처음부터 정리를 잘해가면서 포스팅을 올리면 좋겠지만 그럴 여력은 없다. 이번 프로젝트가 끝나고 나면 진중하게 고민을 해서 서비스에 Vue.js를 도입할지 결정을 해야할 것 같다. 토요일 아침 출근을 해서, 책을 보면서 예제를 따라하다 보니 오류가 나서 몇자 적어본다. Hit error EACCES: permission denied, mkdir '/Users/xxxxx/.nvm/versions/node/v10.15.3/lib/node_modules/babel-cli/node_modules/fsevents/lib' 오류가 난다면... 권한 주기를 몇 차례, 그래도 잘 안됐는데... 예제를 따라하는데 큰 문제는 없지만 안되는 것이 있을 때는 짜증나기.. 2019. 7. 6. 이전 1 다음 반응형