5. (Library/Framework) [프레임워크] [Web] Vue.js (뷰)

---

[타이틀]

​

구 분 : Framework / 프레임워크

​

제 목 : [프레임워크] [Web] Vue.js (뷰)

​

사용되는 곳 : FrontEnd (html, css, js)

 

---

[설 명]

​

1. Vue 란 사용자 인터페이스를 만들기 위한 프로그레시브 프론트엔드 프레임워크입니다

​

- 동적 데이터바인딩, 라우터 (페이지 이동 설정), 글로벌 스토어 스토리지 사용 등을 간편히 할 수 있습니다

​

​

2. Vue 는 다른 단일형 프레임워크와 달리 Vue 는 점진적으로 채택할 수 있도록 설계하였습니다

​

​

3. Vue 의 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다

​

​

4. Vue 는 현대적 도구 및 지원 라이브러리 (opens new window) 와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다

​

​

5. Vue 장점 :

​

- Vue.js 는 다른 프레임워크에 비해서 배우고 학습하기가 쉽습니다

​

- Vue.js 는 React 와 Angular에 비래 속도가 빠르고 가볍습니다

​

​

6. Vue 특징 :

​

- Vue.js 는 MVVM 디자인 패턴 방식으로 구성되어있습니다

​

- MVVM 디자인 패턴은 마크언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리한 것입니다 (View 뷰 > DOM 돔 / ViewModel 뷰모델 > vue.js / Model 모델 > 자바스크립트 객체)

​

- Vue.js 는 뷰의 컴포넌트를 조합해 화면을 구성합니다

​

- Vue.js 는 코드 재사용이 좋으며, html 코드에서 화면의 구조를 직관적으로 파악할 수 있습니다

 

---

[참고 사이트]

​

https://v3.ko.vuejs.org/guide/installation.html#%E1%84%85%E1%85%B5%E1%86%AF%E1%84%85%E1%85%B5%E1%84%8C%E1%85%B3-%E1%84%82%E1%85%A9%E1%84%90%E1%85%B3

설치방법 | Vue.js

 

https://joshua1988.github.io/vue-camp/textbook.html

Introduction | Cracking Vue.js

​

https://blog.naver.com/kkh0977/222744374403

5. (VueJs) [Vue 3] - VSCode 사용해 Vue Js 개발 환경 구축 방법

---