vue의 장단점

https://vuejs.org/guide/introduction.html#what-is-vue

Introduction | Vue.js

모든 것은 공식문서에 기반해서 제가 해석한 방향으로 쓸거에요

 

정의 : 표준 HTML, CSS 및 JavaScript를 기반의 User Interface를 구축하기 위한 JavaScript Framework

 

강점 : 단순하거나 복잡한 사용자 인터페이스를 효율적으로 개발하는 데 도움이 되는 선언적 및 구성 요소 기반 프로그래밍 모델을 제공합니다.

 

1. 명시적 렌더링 : Vue는 JavaScript 상태를 기반으로 HTML 출력을 선언적으로 설명할 수 있는 템플릿 구문으로 표준 HTML을 확장합니다.

 

우선, vue는 기능단위를 component라는 단위로 접근하게 된다.

component란 독립적인 소프트웨어 모듈로써 component하나는 독립적인 기능이 수행 가능해야한다.

그래서 vue의 component는 하나의 기능의 단위라고 볼 수 있다. 따라서 각각의 component는 기능을 갖고 있어야 한다.

이걸 어떻게 구분하는가 하면 vue cdn을 기준으로 했을 때 하나의 인스턴스에 해당한다.

그래서 어떤 component가 어떤 HTML 출력을 가지는지 명시적으로 설명할 수 있다고 하는 것이다.

 

2. 반응성 : Vue는 JavaScript 상태 변경을 자동으로 추적하고 변경이 발생하면 DOM을 효율적으로 업데이트합니다.

하나의 Vue instance에서는 data를 통해서 데이터들이 관리되는데 v-model이나 바인딩처럼 data와 직접 연결할 수도 있고 watch를 통해서 특정 데이터의 변화를 감지한다던가 computed를 통해서 값이 변경될 때 수행할 구문을 설정할 수도 있다.

 

• 빌드 단계 없이 정적 HTML 향상
• 모든 페이지에 웹 구성 요소로 포함
• 단일 페이지 애플리케이션(SPA)
• 풀스택/서버 측 렌더링(SSR)
• Jamstack/정적 사이트 생성(SSG)
• 데스크탑, 모바일, WebGL, 터미널까지 타겟팅

이건 프로젝트를 해보지 않아서 아직 잘 모르겠어요. -> UPDATE할 것