React Vs Angular Vs Vue

강형원·2022년 6월 14일
0

프론트엔드 면접

목록 보기
4/6
post-thumbnail

React와 Vue, Angular의 차이점은 무엇인가요?

1. Understanding the Background and the Philosophy Behind Them

React

장점

  • 둘 보다 빠른 로딩 속도 보장
  • React를 통해 데이터와 프레젠테이션을 분리할 수 있습니다. (MVC 패턴 중 View에 해당)
  • JavaScript를 기반으로 하기 때문에 처음 사용하기에 더 간단합니다.
  • 단일 파일에는 마크업과 JSX문법이 모두 포함되어 있습니다.

단점

  • 완전한 프레임워크가 아니라 자바스크립트 라이브러리일 뿐이다.
  • 리액트로는 MVC 아키텍처를 구현할 수 없다. (View만 신경 쓴다)
  • 다른 라이브러리의 지원 없이 웹 앱을 만들기에 충분하지 않음

Angular

Benefits of Using Angular

  • 앱 개발을 위한 오프라인 지원 및 PWA 기능 제공
  • 빌트 기능을 제공하므로 대규모 애플리케이션을 만드는 데 이상적인 옵션
  • Angular로 개발된 프로젝트는 확장 가능하고, 더 빠르게 개발됩니다.
  • Angular-CLI 커맨드 라인 툴을 사용합니다.;
  • Angular는 다른 라이브러리의 지원 없이 웹 앱을 개발하고 관리하기 위한 기본 프레임워크를 제공합니다.

Vue

Pros of Vue.js For Project Development

  • Vue는 상세한 설명서를 제공합니다..
  • 이 프레임워크의 재사용 가능한 컴포넌트는 개발 프로세스를 훨씬 더 빠르고 쉽게 만듭니다.
  • 컴포넌트 기반 아키텍처(CBA)의 가능성이 있습니다.
  • 앱 개발을 위한 유연성과 단순성을 제공합니다.
  • Vue는 공식 CLI, 개발 도구, Vue 라우터, 상태 관리 등과 같은 도구 및 라이브러리 목록을 제공합니다.

2. Comparing Popularity and Market Trends

In Conclusion: Considering the GitHub Stats, React is leading the number of Forks whereas Vue has the highest stars and Angular is in between them both.
요약: 리액트는 깃 포크수가 제일 많고 뷰는 별점이 제일 많고 앵귤러는 그 중간입니다.

React: GitHub Stars 181K / Fork 36.9k / Contributors 1538/ Used By 8.8 Million Users
Angular: GitHub Stars 79.2K / Fork 20.8k / Contributors 1528 / Used By 2.1 Million Users
Vue.js: GitHub Stars 193K / Fork 31.3k / Contributors 404

3. App 마이그레이션 비교

To Sum Up: When it comes to creating an app, nobody wants to migrate with the coding. Therefore, the primary concern while hiring a software development company is to look at a framework that doesn’t require many changes. On that note, Angular takes every six months for each update. React and Vue ensure more stable updates.
요약: 기업은 마이그레이션을 기본적으로 잘 하려하지 않음. 앵귤러는 자주 업데이트 됨(6개월주기). 리액트와 뷰는 안정적인 업데이트를 보장한다.

마이그레이션이란

App Migration Via Angular

There is no doubt, Angular releases updates more often than React and Vue. Every six months Angular releases each update. However, before releasing any major APIs, it takes another six months which ultimately gives you the time of two release cycles.
요약: 앵귤러는 6개월에 한 번 업데이트, 또 주요API 업데이트를 6개월 후에 한 번 더 함.

App Update Release in React

In React, scripts like React codemod help you to migrate more comfortably than Angular and Vue. Since Facebook said that stability is their central concern, therefore huge companies like Twitter and Airbnb use React.
요약: 리액트 codemod같은 전용 스크립트는 앵귤러나 뷰보다 쉽게 마이그레이션 할 수 있게 해준다. 그리고 다수의 대기업들은 '안정성'을 고려하려 리액트를 쓴다.

App Migration With Vue

App migrations become far easier with Vue as they agree that 90% of the APIs are the same if you are migrating from 1.x to 2. Apart, there is a migration helper tool available that works on the console to access the status of the sites.
***요약: 1버전에서 2버전으로 마이그레이션 하는것이 쉬움. 또한 헬퍼 도구를 사용할 수 있음.

출처: https://javascript.plainenglish.io/angular-vs-react-vs-vue-js-which-is-the-best-choice-for-2022-5ef83f2257ab

https://s-core.co.kr/insight/view/%EC%9B%B9-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EB%AC%B4%EC%97%87%EC%9D%84-%EC%93%B8%EA%B9%8C/
(비교 한글 번역 2019.)

https://cerulean85.tistory.com/6 (mvc 패턴 요약)

https://codingapple.com/unit/why-use-vue-over-react/ (Vue 장점 요약)

profile
사람. 편하게.

0개의 댓글