분류 전체보기 검색 결과

해당 글 84건

Getting Started

동영상을 보며 단편적으로 공부한 것들을 몇 개 정리했는데 조각조각난 느낌이 있어서공식문서를 보고 내 식으로 정리해보려고 한다.node.js 설치는 구글링을 통해 진행하고 webpack 셋업부터 시작하겠다.순차적으로 따라하면 되고 내 이해도에 따라서 정리한것이므로 이해가 안되는 부분들이 있을 수 있다.댓글달아주시면 최대한 해결하도록 찾아보겠습니다. webpack 으로 작업할 프로젝트 폴더 만들기원하는 곳에 알아서 만들고... 필자는 공식문서를 이용하므로 루트폴더 webpack-demo 다.콘솔창에서 다음과 같이 실행한다. npm init -y npm install --save-dev webpack그럼 아래와 같은 폴더 구조가 된다. webpack-demo |- package.json + |- index.h..
개발/Webpack 2017. 9. 22. 15:35

webpack-dev-server 셋팅

로컬서버 작업환경을 만들어보자. $ npm install --save-dev webpack-dev-server 을 치면1234"devDependencies": { "webpack": "^3.6.0", "webpack-dev-server": "^2.8.2" }Colored by Color Scriptercs 짠 이렇게 추가된걸 볼 수 있다. package.json 의 scripts 부분을 아래와 같이 변경한다.12345"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack-dev-server src/js/app.js dist/bundle.js", "build:prod": "webpack src/js/app.j..
개발/Webpack 2017. 9. 19. 22:01

npm intall webpack --save-dev

역시 맥은 재미있다.시작하자마자 오류. ㄷ ㄷ ㄷ webpack 설치의 첫단계npm init 후npm install webpack --save-dev 을 했더니 아래와 같은 오류 발생. npm ERR! Darwin 14.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "webpack@^1.9.11" "--save-dev" npm ERR! node v5.9.1 npm ERR! npm v3.7.3 npm ERR! code ENOSELFnpm ERR! Refusing to install webpack as a dependency of itself 구형에게 물어보니 package.json 의 name 을 webpack 으로 하면 안된..
개발/Webpack 2017. 9. 19. 21:07

Module not found: Error: Can't resolve 'vue-style-loader'

vue-cli webpack-simple 을 설치하고나서 npm run dev 로 실행했더니 잘 되었다.그러나 본인은 scss를 사용하는 바 12345cs scss 를 사용하기 위해 위처럼 vue 컴포넌트에 속성을 추가하였으나 에러가 떴다.Module not found: Error: Can't resolve 'vue-style-loader' 구글링을 하여 scss를 sass로 바꾸어보고 이것저것 해보았는데 안되더라.vue-style-loader 란 모듈을 찾을수 없다는 에러니까 설치를 해볼까..npm install --save-dev vue-style-loader이후 실행시키니 잘 되었다...
개발/Vue 2017. 8. 14. 16:53

02 _ Vue Instance 의 data 접근하기

12345678910111213141516171819202122 Vue Practice {{ title }}new Vue({ el:'#app', data: { title: 'Hello World!' } });Colored by Color Scriptercs {{ }} 이 기호를 인터폴레이션이라고 한다. new Vue 를 통해 인스턴스를 만든다. el인스턴스와 연계할 수 있는(?) 엘리먼트를 지정한다. element의 약자인것 같다. datajson 형식으로 데이터를 넣는다. el에 지정된 엘리먼트 안에서 {{ }} 형식으로 데이터를 보여줄 수 있다.data의 title의 값을 h1 태그 안에서 {{ title }} 로 출력하고 있다.
개발/Vue 2017. 7. 27. 10:24

01 _ Vue 설치

들어가며너무 디테일하지 않게 그렇다고 너무 단순하지 않은식으로 글을 남길 것이다.물론 이렇게 목표설정을 한다한들 정확한 방향으로 갈수 있는것은 아니지만 어느정도 가이드라인은 되겠지.글을 읽을 사람을 생각해서 디테일하게 적으려면 손이 많이 간다.하나부터 열까지 다 친절하게 알려주고 싶은 어머님의 마음으로 적기 때문일까?ㅋㅋㅋ Vue를 시작하는 시점에서 하나씩 기록해 나갈예정이다.지금 공부한 내용을 잊어버릴 미래의 나에게 바치는 글이며 또한 같이 공부하는 모든 사람들을 위한 글이다. 설치사실 공식문서에 나와있는 것들이라 적기도 민망한데 간단하게 적어봄. Vue 공식문서 에서 vue.js 개발용 버전을 다운로드 받는다. 개발용이 아닌 압축버전을 받게되면 훌륭한(?) 경고 문구를 놓치게 된다. 다운 받은 후 V..
개발/Vue 2017. 7. 27. 09:56