vue-cli 2

vue 컴포넌트란? / vue export default 간단 정리

컴포넌트 앞선 포스팅에서 components/안에는 *.vue파일들이 있으며, 이 파일들이 각각 하나의 컴포넌트로 간주된다고 언급한 적이 있다. 이번 포스팅에선 각 컴포넌트가 어떻게 구성되는지 살펴보고, 그 중 에 대해서 조금 더 알아보자 *.vue 파일은 크게 3가지 부분으로 이루어져 있다. 실제 HTML 태그가 들어가는 일종의 템플릿이다. 디렉티브를 활용하여 조건부 렌더링, 값 바인딩 등을 할 수 있다. 잘 생각해보면 script에서는 객체 하나를 export하고 있다. 이 객체 안에 property로 들어갈(...에 들어갈) 목록과 그 역할을 알아보자 data vue component에서는 무언가를 return하는 함수를 넣어줘야 한다. 이런 식이다. 만약 Vue 객체의 인스턴스를 선언한다면, 함수..

vue-cli로 vue 시작하기

본 글은 HTML, CSS, JS에 꽤나 익숙하고, react.js를 사용한 경험이 있어 컴포넌트에 대한 이해가 있는 분이 이해가 쉬울 것으로 예상됩니다. 사용 OS는 macOS Mojave 10.14.5입니다 새로 들어간 회사 내 팀에서 팀 admin 페이지를 만드는 데 사용하는 frontend 라이브러리는 vue.js라고 하여 파일럿 프로젝트를 하는 겸 간단하게 공부를 해보았다. 설치 vue를 시작하는 방법은 여러 가지가 있고 여기에서 자세히 알 수 있으나, 가장 쉽고 간단한 방법은 vue-cli를 설치하여 vue 프로젝트를 시작하는 방법이다. sudo npm install -g vue-cli시작 vue init webpack vue-project이렇게 하면 vue-project라는 폴더가 생기고 그..