Front

Vue란??

Z00_HWAN_99 2024. 10. 14. 17:08
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