Vue 3.0 - Vue.js 란(DOM과의 비교)?

DOM 의 이해

Dom 이란

• 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현
• DOM은 Document Object Model의 약어로 스크립트 언어로 HTML 문서를 제어할 수 있도록 웹 문서를 객체화 한 것

렌더링의 원리

브라우저로 HTML 파일을 열게 되면 렌더링 엔진이 HTML로 작성된 문서를 한줄 한줄 해석합니다. 그리고 해석이 끝나면 그 문서를 객체화하여 자바스크립트로 접근 할 수 있도록 합니다. 우리는 이걸 문서를 객체화 했다고 해서 문서(Document) 객체(Object) 모델(Model) 즉, DOM이라고 합니다.

화면단 라이브러리

• 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API 를 지원하는데에 궁극적인 목적이 있음

• Angular에서 지원하는 양방향 데이터 바인딩 을 동일하게 제공

• 하지만 컴포넌트 간 통신의 기본 골격은 React의 단방향 데이터 흐름(부모 -> 자식)을 사용
  다른 프런트엔드 프레임워크(Angular, React)와 비교했을 때 상대적으로 가볍고 빠름.

• 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구나 쉽게 접근 가능

MVVM 패턴이란?