Vue.js

Vetur vue에서 제공하는 플러그인Night Owl 코드 강조 플러그인Material Icon Theme 파일 아이콘 테마(파일 -> 기본 설정 -> 파일 아이콘 테마) <설치전> <Material Icon Theme 적용 후> Live S

VUE란 MVVM 패턴의 뷰모델 레이어에 해당하는 화면단 라이브러리 MVVM 모델에서의 VUE DOM 브라우저에서 사용자에게 비춰지는 화면을 의미한다. 화면에 나타나는 요소(HTML)는 DOM을 이용해 자바스크립트를 조작하여 구성된다. VUE의 두가지 특징 DOM

HTML은 화면에 나타나는 DOM의 정보를 담고 있고,Javascript는 해당 tag나 DOM의 내용을 조작할 수 있다.Element.innerHTML란?div.innerHTML는 Element 속성(property)이며요소(element) 내에 포함 된 HTML 또

뷰 인스턴스 뷰 인스턴스는 뷰를 사용하려면 꼭 필요한 코드이다. 주로 변수를 선언해서 변수에 담아 사용한다. 뷰 인스턴스 생성 후에 콘솔 로그를 사용하면 인스턴스 안에 어떤 속성과 api(기능)를 가지고 있는지 확인할 수 있다. 뷰 인스턴스 생성 변수를 선언하고 Vu

뷰 컴포넌트 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능이다. 컴포넌트 간의 관계도 생긴다. 컴포넌트로 관리하는 이유 코드의 재사용성이 올라가고 화면을 빠르게 제작할 수 있다. 컴포넌트 생성 인스턴스를 생성하면 기본적으로 Root 컴포넌트가 생긴다. 전역 컴

vue에서의 같은 레벨의 컴포넌트 통신은 root 컴포넌트를 거쳐 이루어진다.예시) AppContent에서 AppHeader로 10이라는 데이터를 넘기려고 할 때같은 레벨의 컴포넌트 : AppHeader, AppContentAppContent에서 Root로 데이터를 담

뷰는 전역 컴포넌트와 지역 컴포넌트를 만들어 사용할 수 있다.(부모 인스턴스와 자식 인스턴스의 개념)하나의 컴포넌트는 vue라는 확장자를 가지며, 컴포넌트는 Dom의 작은 범위라고 생각하면 된다. view, 데이터 처리를 한 파일에서 할 수 있다.컴포넌트 별로 유효 범

크롬 브라우저 기준 오른쪽 상단 확장 프로그램에서 vue.js devtools 옵션 더보기 클릭(세로점 세개) -> 확장 프로그램 관리 -> 파일 URL에 대한 엑세스 허용 체크