◎ JavaScript

[JavaScript] 변수 let과 상수 const의 개념 [변수 명명 규칙과 typeof 연산 사용법]

- 변수 let과 상수 const의 개념 1. 변수란? 변수 : 프로그램이 실행되는 도중에 변경되는 값을 저장하기 위한 이름을 가진 저장소 (자바스크립트에서는 변수를 선언할 때 let 이라는 키워드를 사용한다.) let color = "skyblue"; console.log(color); // skyblue color = "yellow"; // 변수의 값은 프로그램 실행 도중 변경할 수 있다. console.log(color); // yellow - 변수 명명 규칙 // 특수문자는 $, _ 만 사용 가능 let $name; let test_data; let &name; // 불가능 let ^test; // 불가능 // 변수명 맨앞에는 숫자를 사용할 수 없음 let 1test; // 불가능 let test..

[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