React
Facebook에서 만든 자바스크립트 UI 라이브러리입니다.
라이브러리라서 유연성이 좋으며, React Native를 통해 앱 개발로도 확장이 가능합니다.
CRA 등의 커맨드라인 인터페이스가 많아 접근성이 좋고 사용하기 편리하다는 장점이 있습니다.
그리고 Virtual DOM을 사용해 렌더링 성능을 향상시켰습니다.
Angular
구글에서 만든 타입스크립트 기반의 웹 어플리케이션 오픈소스 프레임워크입니다.
가장 다루기 어렵고 가장 많은 것을 만들 수 있는 프레임워크로 셋 중에 크기가 제일 큽니다.
Angular의 유니크한 템플릿 문법이 정해져 있기에 자유도는 떨어지는 반면, 모두가 그 문법에 맞추며 또한 타입스크립트 기반이기에 유지 관리에 용이합니다.
기능이 많고 강력하지만, 이로 인해 사용하기 어렵고 프로젝트 구성이 복잡해지는 단점이 존재합니다.
라우팅, Hot Reload, HttpClient 등 개발에 필요한 기능들이 기본 내장되어 있어 별도로 패키지를 설치하고 셋팅해주지 않아도 바로 사용이 가능합니다.
React와는 다르게 Virtual DOM이 아닌 Real DOM을 사용하며, 단방향만을 지원하는 리액트와는 달리 양방향 데이터 바인딩을 지원해 데이터와 UI를 별도로 동기화 할 필요가 없고 코드의 양을 줄일 수 있습니다.
Vue
Evan You라는 개발자가 React와 Angular의 장점을 살리고 단점을 보완하여 독립적으로 만든, UI를 위한 자바스크립트 프레임워크입니다.
React, Angular 이 둘의 Virtual DOM과 양방향 데이터 바인딩이라는 장점을 살렸습니다.
Virtual DOM을 사용해 렌더링 성능을 향상 시키고, 양방향 데이터 바인딩을 사용해 개발자가 데이터와 UI를 별도로 동기화 할 필요가 없도록 했습니다.
이로 인해 코드의 양이 줄어들고, 프로젝트를 더 빠르게 구축할 수 있습니다.
Vue의 핵심은 간단한 템플릿 구문을 활용해 선언적으로 DOM에 데이터를 렌더링 하는 것 입니다.
그래서?
기존 앱에서 보수 및 확장이 필요하거나 빠르게 크로스플랫폼 앱개발까지 필요할 때 - React
규모가 큰 기업에서, 많은 기능을 구현해야 하고 확장성이 높은 어플리케이션을 개발할 때 - Angular
가벼운 서비스를 개발할 때, 개발에 관해 잘 모르는 상태에서 빠르게 성과를 내야할 때 - Vue
인기 순위
npm 다운로드 순위에 의하면 React가 1위, Vue가 2위 그 다음으로 Angular가 3위를 차지하고 있습니다.
리액트의 인기가 제일 많은 만큼 어려움이 있을 때 정보를 얻기에도 수월합니다.
참고 자료
https://yeongjaekong.tistory.com/12
https://www.elancer.co.kr/blog/view?seq=171
https://www.cwn.kr/news/articleView.html?idxno=4192
https://y-chyachya.tistory.com/61
