◎ JavaScript/Vue.js🔰

[Vue.js] 웹팩(webpack) 빌드 자동화하기 [webpack --watch로 build 자동화]

[Vue.js] 웹팩(webpack)으로 빌드하기 [npm 활용하여 모듈 가져오기] - 웹팩(webpack)으로 빌드하기 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm으로 모듈 설치하기 #npm 초기화 npm init #vue 설치 npm install vue #개발자모드로 web yermi.tistory.com - 웹팩(webpack) 빌드 자동화하기 코드 수정할 때마다 webpack을 build 해주는 건 매우 번거로운 일이다. webpack 뒤에 '--watch'만 추가해주면 자동으로 build를 해준다. "build": "webpack --wa..

[Vue.js] 웹팩(webpack)으로 빌드하기 [npm 활용하여 모듈 가져오기]

- 웹팩(webpack)으로 빌드하기 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm으로 모듈 설치하기 #npm 초기화 npm init #vue 설치 npm install vue #개발자모드로 webpack, webpack-cli 설치 npm i webpack webpack-cli -D 3. webpack.config.js 세팅 const path = require('path'); module.exports = { entry: { app: path.join(__dirname, 'main.js') }, module: { rules: [{ }] }, plu..

[Vue.js] 뷰 컴포넌트(component) 활용하기 [컴포넌트 사용하여 끝말잇기 여러 개 만들기]

- 뷰 컴포넌트(component) 활용하기 - 결과물 HTML 삽입 미리보기할 수 없는 소스 - 참고자료 [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com

[Vue.js] 뷰(Vue.js) 활용하여 끝말잇기 만들기 [구구단 코드 응용하여 구현]

- 뷰(Vue.js) 활용하여 끝말잇기 만들기 {{word}} 입력! {{result}} - 결과물 HTML 삽입 미리보기할 수 없는 소스 - 참고자료 [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com

[Vue.js] 뷰(Vue.js) 활용하여 구구단 만들기 [ref로 input 태그 focus 해주기]

- 뷰(Vue.js) 활용하여 구구단 만들기 {{first}}곱하기 {{second}}는? 입력 {{result}} - 결과물 HTML 삽입 미리보기할 수 없는 소스 - 참고자료 [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com