D.evelop/Vue.js6 [Vue.js] Node 버전에 의한 오류 지난번 NVM을 설치를 테스트하면서 node의 버전을 수정했던 것이 vue CLI project를 컴파일 하면서 오류를 일으켰다. pm ERR! Darwin 20.6.0 npm ERR! argv "/Users/dan/.nvm/versions/node/v6.10.1/bin/node" "/Users/dan/.nvm/versions/node/v6.10.1/bin/npm" "run" "serve" npm ERR! node v6.10.1 npm ERR! npm v3.10.10 npm ERR! code ELIFECYCLE npm ERR! vue-cli@0.1.0 serve: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the .. 2022. 6. 21. [Vue.js] CLI 생성 * 주의) 막캡쳐, 대충 기록이라 큰 도움은 안될 것입니다. Vue CLI 생성하기 https://cli.vuejs.org/guide/ npm install -g @vue/cli-init 완료 나는 vue2로 세팅 npm run serve npm rum serve라고 써버렸는데, 실행은 됐다고 한다.😅 2022. 4. 20. [Vue.js] Component 컴포넌트 전역 컴포넌트 지역 컴포넌트 2022. 2. 4. [Vue.js] Instance 인스턴스 참고) javascript의 인스턴스[TIL]Javascript - 객체지향 class (ES5/ES6) ✅ Vue 인스턴스 - 공식문서 Vue에서 인스턴스를 생성하는 방법 var vm = new Vue({ // 옵션 }) 의미 javascript는 보통 아래과 같인 작성하지만 vue 공식문서에서는 변수로 구분하지 않고 위와같이 객체를 인스턴스에 바로 넣는 방법을 추천 가독성 var options = { el: "#app", data: { message: "hi", }, methodes: { }, }; var vm = new Vue(option); 2022. 1. 27. [Vue.js] Reactivity 반응성 Reactivity (반응성) 데이터의 변화를 라이브러리에서 감지해 알아서 화면에 뿌려줌 // 객체의 동작을 재정의하는 api Object.defineProperty(대상 객체, 객체의 속성,{ // 정의할 내용 }) Object.defineProperty() ✅ Reactivity를 라이브러리화 하는 법 즉시 실행 함수 사용 init과 render함수가 애플리케이션 로직에 노출되지 않게 또다른 스코프(유효범위)에 넣어주는 것 일반적인 오픈소스 라이브러리는 즉시 실행 함수 형태로 유효범위를 관리함 var div = document.querySelector("#app"); var viewModel = {}; (function () { function init() { Object.defineProperty(.. 2022. 1. 26. [Vue.js] 시작 전 환경세팅 🎯 목표 인프런 Vue.js 시작하기 - Age of Vue.js 완주 Vue.js 시작하기 - Age of Vue.js - 인프런 | 강의 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요., - 강의 소개 | 인프런... www.inflearn.com 🔥 시작 전 세팅 [브라우저 Chrome 에서 세팅할 것] ✔️ Vue 개발자 도구 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Chrome and Firefox DevTools exten.. 2022. 1. 26. 이전 1 다음
