반응형 프로그래밍/Vue.js6 .babelrc에 대해... .babelrc에 대해... Vue CLI명령을 통해 프로젝트를 생성했다면 다음과 같은 파일을 만날 수 있다. younghuui-MacBook-Pro:Vue younghumin$ vue init webpack hello-world ? Project name hello-world ? Project description A Vue.js project ? Author younghu min ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Set up unit tests Yes ? Pick a test runner jest ? Setup e2e te.. 2019. 11. 7. 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. error potentially fixable with the `--fix` option. npm run serve를 통해 프로젝트를 실행 했더니 이해할 수 없는 error가 나왔다. 분명 개발 담당자 개발 환경에서는 나오지 않았을 것 같은데 내 노트북 개발 환경에서는 에러가 나온다는 것은 환경이 다르다는 이야기다. 처음 빌드를 했을 때 에러가 나길래 그 부분을 수정했다. 그리고 몇일이 지나 수정 사항을 Reset하고 다시 빌드를 하니 똑같은 에러가 나왔다. Module Warning (from ./node_modules/eslint-loader/index.js): error: Unnecessary use of boolean literals in conditional expression (no-unneeded-ternary) at src/views/search.vue:252:59: 250 | .. 2019. 7. 8. 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 다음 반응형