1. 뷰란?

<aside> 💡

Vue.js: 사용자 인터페이스(UI)를 만들기 위한 가볍고 빠른 자바스크립트 프레임워크

</aside>

<aside> 💡

대부분 오픈소스 프레임워크는 모두 특정 소프트웨어 아키텍처 패턴에 기반을 둠

• 뷰는 MVVM(Model-View-ViewModel)아키텍처 패턴을 따름

MVVM아키텍처 패턴: 데이터를 보여주는 뷰(view)와 데이터를 처리하는 모델(model)사이에 데이터를 중개하는 뷰 모델(viewmodel)을 두어 UI와 데이터 처리 로직의 상호 의존성을줄이는 아키텍처 패턴

</aside>

image.png

➡️ https://ko.vuejs.org/

프레임워크를 사용하는 이유

프로그레시브 프레임워크

<aside> 💡

이미 다른 사양으로 개발된 웹 어플리케이션들에 대해 일부부만 점진적으로 적용할 수 있도록 모듈화하고 유연한 구조를 갖춘 프레임워크

</aside>

https://bedecked-breakfast-910.notion.site/Vue-1df419369e5f8043930dc661dd4f2a7d

뷰의 특징

**가상 DOM:** 실제 DOM에서 발생할 수 있는 불필요한 렌더링을 최소화
**양방향 데이터 바인딩:** 화면 업데이트를 실시간으로 처리 가능

뷰의 장단점

장점 단점
간단한 설치 커뮤니티 활용의 한계
낮은 학습 곡선 뚜렷한 후원처의 부재
공식 문서의 한국어 지원 플러그인의 부재