HTML의 기본속성이 아닌 Vue가 제공하는 특수 속성의 값으로 data를 작성v-이름의 형태로 값에는 JS 표현식을 작성할 수 있음표현식의 값이 변경될 때 반응적으로 DOM에 적용하는 것이 역할v-texttemplate interpolation처럼 기본적인 바인딩 방

SPA / CSR 의 환경에서 사용할 예정하나의 HTML 파일만을 제공하고 JavaScript, axios 등을 통해 DOM을 통제하나의 HTML 파일이지만 동작에 따라 URL을 바꾸기 위해 사용 (UI / UX 관점)링크 공유, 뒤로가기 기능 등을 구현 가능브라우저의

UI를 독립적이고 재사용 가능한 조각들로 나눈 것기능별로 분화된 코드 조각유지보수를 쉽게 해줄 뿐만 아니라 재사용적인 측면에서도 매우 강력한 기능을 제공하나의 컴포넌트를 재사용하여 반복되는 구조를 쉽게 만들 수 있음재사용성, 확장 가능, 캡슐화, 독립적그렇다면 Vue에

Vue Lifecycle 1. created 뷰 인스턴스 초기화 단계 뷰의 컴포넌트에는 접근이 불가능한 단계 화면에 데이터만 초기화를 한다 실행 순서: 상위 -> 하위 2. mounted 컴포넌트를 렌더링하는 단계 컴포넌트로의 접근이 가능해진다 실행 순서: 하위 -> 상위 하위의 렌더링을 끝내야 상위가 끝나기 때문 3. updated ...

Vue3가 있지만 아직은 Vue2가 안정적이고 많이 사용됨MVVM Pattern 사용 \- View: 우리 눈에 실제로 보이는 부분(DOM) \- Model: 실제 데이터(JSON) \- View Model(Vue): \- View를 위한 Model \-