본문 바로가기
프로그래밍/vue

[vue] vue.js 란?

by 혀끄니 2023. 8. 30.
728x90
  • Vue.js 란?

- 사용자 인터페이스 개발을 위한 Progressive Framework

Progressive란?

: 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발된 것을 뜻한다.

  • 주요특징

1. SPA(Single Page Application)

- 단일 페이지 애플리케이션(페이지 하나에서 동작)

2. MVVM패턴(Model-View-ViewModel)

- 프로그래밍 로직과 화면에 해당하는 View(UI)를 분리해서 개발하기 위해 설계된 패턴

3. 컴포넌트(Component)를 사용한 높은 재사용성

- 컴포넌트: 작은 단위(특정 기능들)에서 큰 단위(화면)의 View를 재사용할 수 있는 구조로 개발하는 것

  • 장점

- 직관적이고 배우기 쉽다.

- 컴포넌트 재사용을 통한 애플리케이션 개발 기간 단축 및 양질의 코드를 생산할 수 있다.

- Angular.js의 양방향 데이터 바인딩 장점을 수용

- React의 가상돔(Virtual DOM)장점 수용

 

데이터 바인딩
데이터와 웹 화면의 요소(HTML DOM)가 서로 양방향으로 연결되어 있어서, 어느 한쪽에 변경이 일어나면 연결되어 있는 다른 쪽에 자동으로 반영되는 것을 의미

가상 돔(Virtual DOM)
실제 DOM문서를 추상화하여, 변화가 많은 화면(View)을 DOM에서 직접 처리하는 방식이 아닌, 가상의 DOM을 만들어서 메모리에서 처리한 다음 실제 DOM과 동기화함으로써 기존 DOM이 가지고 있던 단점을 개선하고 웹에서도 고성능 애플리케이션을 구현할 수 있도록 함
  • 기대효과

- 고수준의 웹 앱 제공

- 안정적이고 체계적인 운영 지원

참고블로그

https://blog.naver.com/gurrms95/223189464407

 

[vue] vue.js 란?

Vue.js 란? - 사용자 인터페이스 개발을 위한 Progressive Framework Progressive란? : 웹과 네이티브 ...

blog.naver.com

 

728x90

'프로그래밍 > vue' 카테고리의 다른 글

[vue] 이벤트  (0) 2023.11.08
[vue] 데이터 바인딩  (0) 2023.11.07
[vue] 컴포넌트  (0) 2023.11.06
[vue] Router  (1) 2023.11.03
[vue] vue 프로젝트 파일 구조  (0) 2023.08.31