Do it! Vue.js 입문을 읽고 정리한 내용입니다. 뷰 컴포넌트 컴포넌트란 컴포넌트란 조합하여 화면을 구성할 수 있는 블록을 의미한다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있기 때문에 코드의 재사용성이 높아진다. 다른 사람이 작성한 코드를 직관적으로 이해할 수 있다. 컴포넌트 등록하기 컴포넌트를 등록하는 방법은 두 가지가 있다. Local : 특정 인스턴스에서만 유효한 범위를 갖는다. Global : 여러 인스턴스에서 공통으로 사용할 수 있다. 전역 컴포넌트 등록 전역 컴포넌트는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록한다. 전역 컴포넌트를 모든 인스턴스에 등록하려면 Vue 생성자에서 .component()를 호출하여 수행한다. V..

Do it! Vue.js 입문을 읽고 정리한 내용입니다. 뷰 인스턴스 뷰로 화면을 개발하기 위해 필수로 생성해야하는 기본 단위 뷰 인스턴스 생성 {{message}} Vue 생성자를 이용하여 인스턴스를 생성한다. 아래와 같은 미리 정의되어 있는 속성을 사용할 수 있다. 뷰 인스턴스 옵션 속성 el : 뷰로 만든 화면이 그려지는 시작점 data : 전달할 데이터 template : 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성 method : 화면 로직 제어와 관계된 메서드를 정의하는 속성, 화면의 전반적인 이벤트와 화면 동작과 관련된 로직을 추가할 수 있다. created : 뷰 인스턴스가 생성되자마자 실행할 로직을 정의할 수 있는 속성. 뷰 인스턴스 유효 범위 뷰 인스턴스를 생성하면..

Do it! Vue.js 입문을 읽고 정리한 내용입니다. Vue.js vue.js란 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공된다. 따라서 점진적인 프레임워크라고 불린다. 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 렌더링 특징을 모두 가지고 있다. 특징 UI 화면단 라이브러리 뷰는 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리이다. MVVM패턴이란 Model - View - ViewModel로 화면을 구조화하여 개발하는 방식으로 DOM 리스너 : 돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치 데이터 바인딩 : view에 표시되는 내용과 모..