1.Vue.js는 무엇인가?
FrontEnd Framework이다.
화면의 요소가 변경될 때 즉각적으로 반응하여 화면의 DATA
2.특징
- MVVM 모델을 사용한다.
- View는 DOM을 나타내고, Model은 JS객체를 나타내며 마지막으로 ViewModel은 DomListener와 DataBinding으로 구성된다.
- 가상 DOM 렌더링 방식을 활용하여 DOM 요소에 대한 변경 및 수정이 일어나면 화면 전체를 다시 그리지 않고 프레임워크에서 정의한 방식에 따라 화면을 갱신한다 -> 성능향상
DOM: HTML의 태그의 정보를 담고 있는 트리
DOM Listener: DOM이 가지고 있는 DATA가 변경되는 특정 명령을 수행하는 역할
Model: DB에서 가져온 DATA를 JS객체형태로 저장
DataBinding: View에 표시되는 내용과 Model이 가지고 있는 DATA를 동기화
3.간략적인 처리 흐름을 알아보자!
- 어떤 페이지가 있으면 그 페이지 안에 DOM으로 표시되는 다양한 데이터의 형태(이미지,창,요소) 등이 있다.
- 그 홈페이지에서 어떤 요소를 클릭하면 DOMListener가 동작하여 동작감지를 수행하여 해당되는 로직을 처리합니다.
- 이때 View에 보여줄 Data를 DataBinding을 통해 Model에서 가져와 보여줍니다.
4.컴포넌트란?
- html의 요소나 구성들의 연관성을 나타낸것 즉, 요소들의 관계를 통해 구조를 알 수 있음.
- 코드 재사용 사용가능
Hello!