React vs VueJS vs Angular 비교해보기

개요

react에 대해서 본격적으로 알아보기에 앞서 유사한 기술스택에 대해서 어떤 차이점들이 있는지 비교해보고자 합니다.

주로 사용되는 유명한 프레임워크로는 reactJS, vueJs, Angular 등이 있습니다.

"React vs VueJs vs Angular"에 대해 비교해 보는 시간을 가져보겠습니다.

 

공통점 - Single Page Application 

https://dzone.com/articles/the-comparison-of-single-page-and-multi-page-appli

 

세 가지 기술의 공통점은 모두 SPA라는 것입니다.

SPA를 해석하자면 단일 페이지 애플리케이션이라는 의미로 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 변경하는 기술입니다.

 

페이지 전환 시 페이지를 새로 요청하는 게 아니라 자바스크립트로 HTML을 갈아치우면서 부드럽게 구현하는 것인데 일일이 구현하려면 귀찮고 코드가 길어지게 됩니다.

 

이런 어려움을 해결해 주기 위해 VueJs, React, Angular가 등장하게 되었습니다.

 

Angular

• TypeScript기반인 무료 오픈 소스
• javascript를 활용하는 angularJS와는 다름
• Google이 개발

아무래도 TypeScript라는 언어를 따로 알아야 하기 때문에 러닝커브가 높은 편에 속합니다.

 

React

• 컴포넌트 기반으로 UI를 개발하는 javascript 라이브러리
• Facebook이 개발
• 컴포넌트가 블록 빌딩 역할을 수행하여 애플리케이션의 재사용성이 높습니다.
• 자유도가 높음

업계에서 가장 널리 사용되며 영어기반의 방대한 커뮤니티가 존재하고 다양한 라이브러리가 존재합니다.

 

VueJS

• Google 출신인 Even You라는 분이 만든 프레임워크 (따로 서포트하는 회사는 없음)
• 러닝커브가 낮음

사용가능한 플러그인과 도구가 적고 커뮤니티가 상대적으로 작습니다. (검색 시 중국어 기반의 글들도 많이 존재)

 

 

전체를 간단하게 요약하자면?

https://blog.testproject.io/2020/11/23/the-mindset-of-developers-angular-vs-react-vs-vue-part-2/

 

저는 여기서 react를 다루어보고자 합니다!!

 

 

참고자료

https://www.browserstack.com/guide/angular-vs-react-vs-vue

https://daniel-park.tistory.com/20

https://medium.com/fundbox-engineering/react-vs-vue-vs-angular-163f1ae7be56

https://codingapple.com/unit/why-use-vue-over-react/

https://www.youtube.com/watch?v=pWFWG4g856k