728x90
반응형
Vue란?
- 뷰 : 사용자 인터페이스(UI, User Interface)를 만드는데 사용하는 자바 스크립트 기반 오픈 소스 프로그레시브 프레임 워크
- 대부분 오픈 소스 프레임워크는 모두 특정 소프트웨어 아키텍처 패턴에 기반을 둠.
- 뷰는 MVVM(Model - View - ViewModel) 아키텍처 패턴을 따름.
- MVVM 패턴 : 데이터를 보여주는 뷰와 데이터를 처리하는 모델 사이에 데이터를 중개하는 뷰 모델을 두어 UI와 데이터 처리 로직의 상호 의존성을 줄이는 아키텍처 패턴
Vue의 배경?
- 프론트엔드 개방 시장을 이미 앵귤러, 리액트, 엠버, 백본과 같은 프레임워크가 이미 장악.
- 특히 앵귤러와 리액트는 웹 어플리케이션 개발 과정에서 발생하는 여러 문제를 해결할 수 있는 여러 기능을 포함.
- 기능이 많으면 다양한 문제에 포괄적으로 대응할 수 있지만, 한편으로는 프레임워크를 무겁게 하고 기능을 학습하는데 시간이 오래 걸리는 단점이 있음.
- 에반 유는 앵귤러의 강력한 데이터 바인딩과 폭 넓은 기능에 감탄하면서 훨씬 더 가볍고 배우기 쉬운 프레임워크가 있으면 좋겠다고 생각해서 직접 프레임워크를 개발하기로 함.
- 앵귤러에서 몇 가지 핵심 아이디어를 가져와 더 단순하고 유연한 프레임워크를 만듦.
- MVVM 패턴을 채택하고 데이터 바인딩 시스템과 이벤트 리스너 시스템을 구현하러 노력함.
Vue의 특징
- 가상 DOM : 실제 DOM에서 발생할 수 있는 불필요한 렌더링을 최소화.
- 양방향 데이터 바인딩 : 화면 업데이트를 실시간으로 처리 가능.
- 장점 : 간단한 설치, 낮은 학습 곡선, 공식 문서의 한국어 지원
- 단점 : 커뮤니티 활용의 한계, 뚜렷한 후원처의 부재, 플러그인의 부재
- 뷰를 사용하는 대표적인 사이트 : 카카오, 바이브, 하나투어, 줌
728x90
반응형
'Front' 카테고리의 다른 글
뷰 애플리케이션의 실행 과정 (2) | 2024.10.14 |
---|---|
Vue 애플리케이션 기본 구조 (5) | 2024.10.14 |
CDN vs NPM (1) | 2024.10.14 |
Content, Padding, Border, Margin (0) | 2024.08.24 |
웬 표준 개요 (10) | 2024.08.21 |