컴포넌트는 View, Data, Code의 세트라고 생각하면 된다. 컴포넌트 안에는 HTML 코드가 있고, 이 HTML 코드를 실행하기 위한 자바스크립트 코드 그리고 데이터가 존재한다. 컴포넌트의 가장 큰 특징은 재사용이 가능하다는 점이다. 1. 컴포넌트 구조 컴포넌트 구조를 이해한다는 것은 쉽게 말해서, 앞으로 작성해야 할 코드의 기본 구조를 만드는 것이다. 컴포넌트 구조에 해당하는 프로그램 코드를 갖는 vue파일을 작성하고 매번 vue기반 프로젝트를 할 때마다 해당 vue파일을 복사해서 사용한다. snippet은 특정 코드를 미리 작성하고 등록하여 단축키로 코드를 불러와서 바로 사용할 수 있는 기능이다. 1) Snippet 설정 1. 파일 -> 기본설정 -> 사용자 코드 조각 구성 클릭 2. vue ..
Vue.js는 사용자 인터페이스를 만들기 위한 동적 JavaScript 프레임워크이다. 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API 를 지원하는데에 궁극적인 목적이 있음 Angular에서 지원하는 양방향 데이터 바인딩 을 동일하게 제공 하지만 컴포넌트 간 통신의 기본 골격은 React의 단방향 데이터 흐름(부모 -> 자식)을 사용 다른 프런트엔드 프레임워크(Angular, React)와 비교했을 때 상대적으로 가볍고 빠름. 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구나 쉽게 접근 가능 1. Vue.js 특징 MVVM 패턴 사용 Model-View-ViewModel의 약자이다. 프로그래밍 로직과 화면에 해당하는 View(UI)를 분리해서 개발하기 위해 설계된 패턴이다. 컴포..