개발자의 기록습관

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..

협업의 육하원칙2018/09/11 - 줌인터넷 사내세미나애자일 컨설팅 - 김창준 대표님협업, 왜?불확실성이 높을 때는 협업이 유리하다분업을 해버리면 의견 공유가 어렵고, 불확실성에서 오는 변수들에 의해 계획을 바꾸는 것이 힘들어진다.직무에 대한 만족감을 느끼기 위해서언제?불확실성이 높을때불확실성이 높을 때 보통 인간은 협업하려 하지 않는다.Fight, Flight, Freeze. 보통 이런 상황에서 사람들은 3F 전략을 취한다싸우거나, 도망가거나, 가만히 얼어 있게 된다.직무에 대해 불만이 많을때누가?누구나 협업, 협력을 시작할 수 있다.대신 어느 한명이 리딩하는 것보다 전체 구성원이 참여하는 것이 협업의 효율을 올리기 좋다.누구랑?이해관계자프로젝트에 성공과 실패에 영향을 주거나 받는 사람들전문가해당 분..

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..

Vue Instance누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크인스턴스 소개Vue.js를 이용하여 UI 화면을 개발하기 위해서는 아래 절차를 따른다.Vue.js 라이브러리를 로딩했을 때 존재하는 Vue 생성자로 인스턴스를 생성해야 한다.123var vm = new Vue({ //...})cs풀어서 얘기하면 Vue 라이브러리 로딩 후 접근 가능한 Vue라는 기존 객체에 화면에서 사용할 옵션(데이터, 속성, 메서드 등)을 포함하여 화면의 단위를 생성한다라고 보면 된다.결론적으로 인스턴스는 뷰를 이용해서 개발하는데 가장 중요한 요소이며, 후반부에서 배우게 될 컴포넌트와도 밀접히 연관이 있는 기반 개념이다.인스턴스 생성Vue Instance 생성자Vue 생성자로 인..