뷰

오늘은 Vue.JS step3. 컴포넌트(component)에 대해 포스팅하려고 합니다. Vue.JS에서 컴포넌트는 조합하여 화면을 구성할 수 있는 블록을 의미합니다. HTML Element를 확장하고 재사용 가능한 형태로 구현이 가능하며 Vue.JS에서 사용된 모든 컴포넌트는 하나하나가 인스턴스라고 볼 수 있습니다. 컴포넌트는 일반적으로 전역 컴포넌트와 지역 컴포넌트가 있습니다. 컴포넌트 이름으로 template속성에서 사용할 HTML 태그를 직접 정의하여 사용할 수 있고, 컴포넌트 내용으로 template, data, methods 등의 인스턴스 옵션 속성을 정의하여 사용할 수 있습니다. 1) 전역(Global) 컴포넌트 인스턴스 밖에서 Vue.component() 형태로 등록할 컴포넌트의 이름과 내..

오늘은 Vue.JS를 시작하기 위한 기본 환경설정에 대해 포스팅 하려고 합니다. 본 포스팅을 Vue.js에 대한 공부 및 쉽고 간단하게 시작하기 위한 step by step 형태로 이어가도록 하겠습니다. Vue.JS에 대해 차근차근 접근하기 위해 당분간은 아래 환경설정에서 설치한 npm 모듈을 사용하지 않고 html에서 vue lib를 사용하는 방식으로 진행하겠습니다. Vue.JS를 사용하기 위해서는 Node.js visual studio code vue.js vue.js devtools Chrome 확장 프로그램 을 설치하도록 하겠습니다. 1) Node.js를 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runti..