Vue.js 공식 홈페이지에서 권장하는 IDE는 vsCode 이다.Vue를 사용하려면 Vue를 사용해야한다설치할때는 Vue CLI를 이용하려 설치를 진행하겠다.node.js 설치는 설치가 되어있다는 가정 하에 진행.설치에 앞서 설치가 되어있는지 확인하기
VSCode 에서 Vue를 사용하기 위해 다운 받을 만한 플러그인 들.VeturVue.js 관련 플러그인이다.Night OwlVSCode 테마관련 플러그인이다.Material Icon Theme아이콘 관련 테마.ESLintjs 관련 플러그인, 오류를 표시 해 주는 플러
MVVM 패턴의 뷰 모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리DOM Listeners사용자가 마우스 클릭이나 키보드를 입력한다던지, 이벤트를 중간에 DOM Listeners가 청취하게 된다. 그러한 이벤트들을 잡아서 JS에 있는 데이터를 바
인스턴스는 뷰로 개발할 때 필수로 생성해야 하는 코드이다.인스턴스는 아래와 같이 생성할 수 있다.인스턴스를 생성하고 나면 아래와 같이 인스턴스 안에 어떤 속성과 API가 있는지 콘솔 창에서 확인 가능하다.인스턴스에서 사용할 수 있는 속성과 API는 아래와 같다.el :
컴포넌트는 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능이다.컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다.뷰를 사용하기 위해 인스턴스를 생성함.컴포넌트 사용방법Vue.component('컴포넌트 이름', 컴포넌트
뷰 컴포넌트는 각각 고유한 데이터 유효 범위를 갖는다.따라서, 컴포넌트 간에 데이터를 주고 받기 위해선 아래와 같은 규칙을 따라야 함상위에서 하위로는 데이터를 내려줌, 프롭스 속성하위에서 상위로는 이벤트를 올려줌, 이벤트 발생데이터의 흐름 추적이 가능하다. (항상 위에
vue에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리.웹페이지간의 이동방법을 말함.페이지를 이동할 때 서버에 요청하여 새로 갱신하는 것이 아니라 미리 해당 페이지를 받아 놓고 페이지 이동 시 클라이언트의 라우팅을 이용하여 화면을 갱신함, 이러한 방식을 S
Vue 구축하기 전에 node.js 와 npm 이 설치가 선행되어야 한다.npm 의 정의NPM 이란Node.js 패키지 관리자Node.js Package Manager다시말해 npm은 'node.js'로 만들어진 프로그램을 쉽게 설치 해 주는것 이라고 생각하면 된다.N
Vue 프로젝트 설치할 때 선택한 Eslint 관련해서 에러인것 처럼 잡는 것이다.실제로는 에러가 아니다.Vue 2.0 버전에서는 template 태그 안에 반드시 루트 태그(div같은)가 있어야 에러가 아니였다.에러메시지: The template root requir
Vue2가 EOS가 나버렸다.Vue3를 익혀야 할 시기가 왔음..Vue2에서 Vue3로 가면서 변경된 점을 확인해보자fragments란 다중 루트 노드 컴퓨넌트를 의미한다.Vue2에서는 단일 루트 노드만을 지원했으며, 이를 위해 사용자는 template마다 안에 div