[Vue]뷰 인스턴스 생성
1. 뷰 인스턴스란? 뷰 인스턴스(Vue Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본단위이다. 1.1. 뷰 인스턴스 형식 new Vue({ ... }); 1.2. 뷰 인스턴스 생성 * vue 2.5.2문법을 따라 실습하였습니다. {{ message }} 1.2.1. 뷰 인스턴스 옵션 속성 인스턴스를 생성할 때 재정의할 el, data, template, methods, created 등의 속성을 의미한다. 위의 예제에서는 아래와 같이 속성이 사용되었다. - el : #app(CSS선택자규칙과 같음.) id가 app인 태그를 찾아서 적용하여 사용함. 뷰로 만든 화면이 그려지는 시작점을 의미한다. 화면이 그려질 위치의 돔 요소를 지정해줌. - data: message라는 새로운..
[Vue]맥북 Vue 실습 환경설정 하기
vue create [프로젝트명] vue cli를 이용하여 환경설정을 해줄 것이다. 1. Homebrew 설치 맥북 사용자에게 유용한 설치툴인 Homebrew를 이용하여 설치해보자. Homebrew 설치가이드 2. node 설치 - 터미널에 아래 코드를 실행시킨다. brew install node 3. vue-cli 설치 - 같은 방식으로 터미널에 아래 코드를 실행시킨다. brew install vue-cli 4. visual studio code 설치 - visual studio code 도 homebrew로 아래와 같이 설치해준다. brew install --cask visual-studio-code * visual studio code 기본이 영어로 설정되어있어서 한국어 세팅을 해준다. - 확장 >..