Vue.js - Vue.js란 무엇인가?

리액트와 앵귤러를 잠깐씩만 건들여보았던 나는 vue.js도 궁금해졌다.
그래서 공부해보기로 함 😶

Vue.js란 무엇인가?

웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크

Vue.js의 역사

뷰의 창시자 에반은 앵귤러의 데이터 바인딩 방식과 돔에 접근하지 않고도 데이터를 표현하는 방식에 흥믜 -> 하지만 앵귤러는 너무 복잡 .. -> 앵귤러의 명시적 데이터 바인딩과 같은 필수적인 요소들만 가지고 화면을 구현 ! -> 뷰의 탄생

Vue.js의 특징

1. UI 화면단 라이브러리

Vue.js는 UI 화면 개발 방법 중 하나인 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리

모델(Model) - 뷰(View) - 뷰 모델(View Model)로 구조화하여 개발하는 방식

• 뷰(View) : 보이는 화면
• 돔(Dom) : html 문서에 들어가는 요소(tag, class, attributes..)
• 돔 리스너(DOM Listener) : 돔 변경 내역에 따라 즉각 반영하여 로직 수행
• 모델(Model) : 데이터
• 데이터 바인딩(Data Binding) : view에 표시되는 내용과 모델 데이터 동기화
• 뷰 모델(View Model) : 뷰와 모델의 중간 영역

2. 컴포넌트 기반 프레임 워크

3. 리액트와 앵귤러의 장점을 가짐
뷰는 앵귤러의 양방향 데이터 바인딩과 리액트의 단방향 데이터 흐름의 장점을 결합함.

[❗]
node.js는 윈도우, 맥, 리눅스 등 다양한 플랫폼에서 서버 사이드(Server-side) 자바스크립트 코드를 실행할 수 있는 실행환경.
초창기 javascript는 간단한 작업 처리 용도였으나 node.js 로 인해 웹 뿐만 아니라 서버 사이드, 사물인터넷 등에도 활용되어지고 있다.

서버 사이드 : 웹 화면과 관계된 서버 로직을 처리하는 영역

[Reference]

Do it Vue.js 입문(이지스퍼블리싱)
https://k39335.tistory.com/60