Vue

Vue란

사용자 인터페이스와 싱글페이지 애플리케이션을 만들기 위한 Javascript 프레임워크로, 가볍고 배우기 쉬우며, 점진적으로 도입할 수 있다.

Vue의 특징

양방향 데이터 바인딩

데이터의 변경사항은 자동으로 UI에 반영되며(데이터->UI)
UI화면에서 입력한 사용자의 입력 정보가 데이터를 업데이트 한다는 것을 의미한다(UI -> 데이터)

양방향 데이터 바인딩은 데이터의 변화가 자동으로 화면에 반영되는 장점이 있어서 개발자가 데이터와 UI를 별도로 동기화 할 필요가 없다.

이로인해 코드의 양이 줄어들고, 프로젝트를 더 빠르게 구축 할 수 있다.

컴포넌트 기반 아키텍처

여러페이지에 통일되게 사용하거나, 동일 페이지 안에서 반복적으로 사용되는 요소들을 컴포넌트로 만들어 UI를 재사용 가능한 컴포넌트 단위로 구성 할 수 있게 한다.

사용용의성

Vue를 구성하는 요소 HTML, CSS, Javascript가 하나의 .vue 파일에 포함되는 단일 파일 컴포넌트로, 특정기능을 담당하는 컴포넌트를 파악하기 쉬워 유지보수성이 좋다.

구조가 기본 개발 방식과 유사하기 때문에 러닝커브가 낮으며, Vue에서 제공하는 문법만 익히면 되서 생산성이 빠르다.

컴포넌트 단위의 CSS

싱글파일컴포넌트 안에서 style태그를 통해 CSS에 접근 할 수 있다.

옵션으로 scoped 속성을 통해 자동적으로 엘리먼트에 유일한 속성을 부여하여 해당 컴포넌트 내에서만 CSS가 적용되도록 할 수 있다.

VirtualDOM과 SPA

이에 대한 내용은 React문서를 참조한다