프로그래밍공부/Vue

npm으로 라이브러리 충돌시 해결방법

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-material-kit@1.2.2 npm ERR! Found: vue@2.6.10 npm ERR! node_modules/vue npm ERR! vue@"2.6.10" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^2.6.12" from vue-material-tabs@1.1.2 npm ERR! node_modules/vue-material-tabs npm ERR! vue-material-t..

ES6

ES6 1. Property Shortand const id = 'ellen', name = '엘렌이', age = 10; const member = { id : id, name : name, age : age }; const id = 'ellen', name = '엘렌이', age = 3; const member = { id, name, age }; 2. Concise method const member = { id : id, name : name, age : age, info : function() { console.log('info'); } }; const member = { id, name, age, info() { console.log('info'); } }; 3. Destructuring 객체..

Vue Template Syntax

Vue Template Syntax 1. Template Syntax Vue.js에서 렌더링 된 DOM을 기본 Vue 인스턴스의 데이터에 선언적으로 바인딩 할 수 있는 HTML 기반 템플릿 구문 사용 2. Interpolation(보간법) 1) 보간법 (Interpolation) - Text(문자열) 데이터 바인딩의 가장 기본 형태이며 "Mustache" 구문, (이중 중괄호)을 사용한 텍스트 보간법이다. 메시지 : {{ msg }} Mustache 태그는 데이터 객체의 msg 속성 값으로 대체 ( 해당 값이 변경되면 대체) v-once 디렉티브를 사용하여 데이터 변경 시 업데이트 되지 않는 일회성 보간을 수행한다. 다시는 변경하지 않습니다. {{ msg }} 2) 보간법 (Interpolation) -..

Vue.js란 ?

Vue.js 1. Vue.js 란? Vue.js는 Evan You에 의해 만들어졌다. 사용자 인터페이스를 만들기 위한 progressive framework이다. 현대적 도구 및 지원하는 라이브러리와 함께 사용하면 정교한 SPA(Single Page Application)을 완벽하게 지원한다. Vue는 구글에서 Angular로 개발하다가 가벼운 것을 만들고 싶은 생각으로 시작한 개인 프로젝트에서 탄생했다. Vue.js의 특징에는 Approachable(접근성), Versatile(유연성), Performant(고성능)이 있다. 2. MVVM Pattern Model + View + ViewModel MVVM Pattern이란 애플리케이션 로직을 UI로부터 분리하기 위해 설계한 디자인 패턴이다. Model..