Question영 이야기

Vue 프로젝트에 대한 사항을 정리하는 블로그 포스팅을 시작하려고 합니다. 자료는 Vue 공식 홈페이지 배우기 를 기본으로 하고 여러 자료들을 정리하여 필요한 사항만 정리해 두려고 계획하고 있습니다. 학습을 돕기 위한 목적이 아닌 배움의 정리의 목적으로 작성하는 글이라 다소 자료가 생략되어 있을수 있습니다. Vue 의 설치는 이전 포스팅을 참고해주세요. 설치 및 프로젝트 생성 해보자 [NodeJS/VueJS] 설치 및 프로젝트 생성 해보자 안녕하세요. 이번 포스팅은 Vue 의 설치 및 프로젝트 설정에 대해 간략하게 정리하도록 하겠습니다. 시스템 환경 운영 체제 : macOS Mojave Tool : VSCode Vue.js, ES6, Node.js 시작 Vue 를 사용하기 위해서는 다.. question..

저는 개발을 진행할때 기능별로 나누어 놓는 것을 좋아해서 UI 기준 기능을 컴포넌트들로 나눠서 관리 합니다. 사용할때 나누어 놓은 기능 컴포넌트들을 부모 컴포넌트에 연결해서 사용하죠. 그런데 간혹 부모 컴포넌트에서 연결한 컴포넌트 템플릿에 HTML 요소가 동적으로 적용되어야 하는 경우가 있습니다. 이럴 경우 Slots 을 사용하면 이런 경우 대처가 가능합니다. 슬롯은 부모와 연결된 자식 컴포넌트간에 통로 역할을 한다고 생각하면 됩니다. 연결된 통로에 동적으로 적용되는 UI 나 이벤트들을 연결하여 사용하는 것이죠. 지금부터 다루게 될 내용은 개편된 v2.6 기준 의 내용입니다. Slot(슬롯의 기본) 슬롯에 들어갈 내용입니다. 슬롯에 들어갈 내용입니다. 슬롯은 자식(하위) 컴포넌트에서 정의한 slot 영역..