개발자의 기록습관

Vue Resource누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue에서 HTTP 통신을 위해 제공하는 플러그인es6에서는 아래와 같이 다운로드, 웹팩을 사용하지 않는 경우에는 뷰 리소스 cdn을 통해서 실행하면 된다.주의할 점은 현재 공식 지원은 중단했다. 이유는 라이브러리에 제한을 두지 않고 사용자들의 선택권을 넓히기 위함이라고 한다.npm install vue-resource --save위의 명령어로 설치 후 Root Vue Instance를 선언하는 js파일에 아래와 같이 등록// 후에 배울 Single File Component 구조 기준 import VueResource from 'vue-resource'; ... Vue.use(VueResourc..

Vue Routers누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Intro일반적으로 뷰에서 화면이 전환될 때, 전환하는 행위를 Route라고 표현한다. 뷰에서는 SPA를 제작할 때 유용한 라우팅 라이브러리로 Vue Routers를 제공하고 있다.SPA에 대하여일반적으로 웹 어플리케이션은 해당 웹 페이지를 서버에 요청하고, 서버가 html을 돌려 줬을 때 그것을 랜더링 엔진을 통해 화면에 보여준다. SPA는 해당 화면에 대한 정보를 미리 가지고 있다가, 해당 화면으로 넘어갈 때 서버에 요청하는 것이 아니라 클라이언트 내부적으로 라우터를 이용해서 서버에 요청하지 않고(데이터를 받아오지 않고)도 화면을 매끄럽게 전환할 수 있게 해준다.Vue는 코어 라이브러리 외에 R..

Vue Components누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크컴포넌트는 화면에 비춰지는 뷰의 단위를 쪼개어 재활용이 가능한 형태로 관리하는 것이 주된 목적이다.컴포넌트 등록뷰 컴포넌트를 등록한 후, 뷰 인스턴스를 생성하면 등록된 컴포넌트에 의해서 my-component가 컴포넌트의 template 내용으로 치환되면서 화면에 뿌려진다.1234567891011121314151617181920212223 Vue Sample Parent Component Vue.component('my-component', { template: 'A custom component!' }); new Vue({ el: '#app' }) Colored by Color Scripte..