СОДЕРЖАНИЕ
02 июня 2020

이 게시물은 아마도 귀하에게 적합한 솔루션 인 포괄적 인 안내서입니다. 각도 대 반응 대 Vue.


불과 몇 년 전에 개발자들은 주로 프로젝트에 Angular와 React를 사용해야하는지에 대해 토론했습니다. 그러나 지난 몇 년 동안 Vue.js라는 세 번째 플레이어에 대한 관심이 커졌습니다..

프로젝트를 시작하는 개발자이고 사용할 JavaScript 프레임 워크를 결정할 수없는 경우이 안내서가 의사 결정에 도움이됩니다..

우리는 Angular, Vue 및 React의 다양한 측면을 다루고 귀하의 요구에 어떻게 부합하는지 확인합니다. 이 글은 Angular vs React vs Vue에 대한 가이드 일뿐만 아니라 일반적인 프론트 엔드 JavaScript 프레임 워크를 판단하는 데 도움이되는 구조를 제공하는 것을 목표로합니다. 내년에 새로운 프레임 워크가 도착하면 어떤 매개 변수를 볼지 정확히 알게 될 것입니다!

*이 글에서는 JavaScript에 대한 기본 지식이 있고 JavaScript 프레임 워크도 사용했다고 가정합니다..

각도 대 반응 대 Vue

시작하자:

1 부 : Vue vs React vs Angular의 간략한 역사

기술적 인 세부 사항을 살펴보기 전에 먼저 시간이 지남에 따라 철학과 진화에 대한 이해를 높이기 위해 이러한 프레임 워크의 역사에 대해 이야기하겠습니다..

어떻게 시작했는지 ��

각 로고

모난, Google에서 개발 한이 도구는 2010 년에 처음 출시되어 가장 오래된 것입니다. TypeScript 기반 JavaScript 프레임 워크입니다. 2016 년 Angular 2가 출시되면서 상당한 변화가 일어났습니다. "JS" 원래 이름에서 – AngularJS). Angular 2+는 그냥 Angular라고합니다. AngularJS (버전 1)는 계속 업데이트되지만 Angular에 대한 논의에 중점을 둘 것입니다. 가장 안정적인 최신 버전은 Angular 9이며 2020 년 2 월에 출시되었습니다..

뷰 로고

, Vue.js라고도하는이 그룹의 가장 어린 구성원입니다. Vue는 지난 3 년 동안 대기업의 지원이 없더라도 인기가 크게 변했습니다. 현재 안정적인 버전은 2.6이며 2019 년 2 월에 릴리스되었습니다 (그 이후로 약간의 증분 릴리스가 있음). Vue의 공헌자들은 Patreon에서 지원. 부 3, 현재 알파 단계에 있습니다, ~를 계획하고있다 TypeScript로 이동.

반응 로고

반응, Facebook에서 개발 한 2013 년에 처음 릴리스되었습니다. Facebook은 React를 자사 제품 (Facebook, Instagram 및 WhatsApp)에서 광범위하게 사용합니다. 현재 안정적인 버전은 16.X이며 2018 년 11 월에 릴리스되었습니다 (그 이후로 더 작은 증분 업데이트 포함).

다음은 상태 및 기록 측면에서 Angular vs React vs Vue에 대한 간략한 요약입니다.

Angular vs React vs Vue의 역사

모난
반응

초판2010 년2013 년2014 년
공식 사이트angular.ioreactjs.orgvuejs.org
약. 사이즈 (KB)50010080
현재 버전916.x2.6.x
에 의해 사용구글, 윅스페이스 북, 우버알리바바, GitLab

라이센스 ��‍♂️

오픈 소스 프레임 워크를 사용하기 전에 라이센스를 확인하십시오. 흥미롭게도 세 가지 프레임 워크 모두 MIT 라이센스, 독점 소프트웨어에서도 재사용에 대한 제한이 제한됩니다. 프레임 워크 또는 소프트웨어를 사용하기 전에 라이센스의 의미를 알고 있어야합니다.

여기 MIT 라이센스에 대한 간략한 요약 평범한 영어 용어.

인기 ��

같이 "모난" 과 "반응하다" 일반적인 단어이므로 Google 트렌드에서 인기를 파악하기가 어렵습니다. 비록 그들의 인기에 대한 좋은 프록시는 GitHub 리포지토리가 얻는 별 수. Vue의 별 수의 갑작스러운 변화는 2016 년 중반에 발생했으며 최근 Vue는 React와 함께 가장 인기있는 프레임 워크 중 하나였습니다..

Angular vs React vs Vue 용 GitHub 프로젝트 별Angular, React 및 Vue를위한 GitHub 프로젝트의 별 수

직업 시장이 Angular vs React vs Vue에 어떻게 적용되는지 확인하십시오. 이는 인기도의 좋은 척도입니다.

Angular vs React vs Vue 채용 시장

최고 데이터 소스 구직 트렌드는 다양한 구인 구직을 나타냅니다.

2018 년 후반의 추세에서 볼 수 있듯이 Angular 또는 React의 스킬 세트가 필요한 작업 수는 거의 동일하지만 Vue의 수는 여전히이 수의 일부에 불과합니다 (약 20 %). 이 목록은 완전하지는 않지만 전체 기술 산업에 대한 좋은 그림을 제공합니다..

현재 직업 시장의 관점에서 엄격하게 찾고 있다면 가장 좋은 방법은 각도 또는 반응을 배우는 것입니다. 그러나 Vue가 지난 3 년 동안 인기를 얻었 기 때문에 Vue를 사용하는 프로젝트 또는 Vue를 채택하여 새로운 개발자가 더 많은 개발자를 지휘하는 성숙도 수준에 도달하는 데 다소 시간이 걸릴 수 있습니다..

파트 2 : 커뮤니티 및 개발

각 프레임 워크의 역사와 동향에 대해 잘 알고 있으므로 커뮤니티를 살펴보고 이러한 프레임 워크의 개발을 평가할 것입니다. 우리는 모든 프레임 워크에 대해 지난 1 년 동안 정기적으로 증분 릴리스가 정기적으로 제공되는 것을 보았습니다. 이는 개발이 본격적으로 진행되고 있음을 나타냅니다..

GitHub 리포지토리의 통계와 관련하여 Angular vs React vs Vue를 살펴 보겠습니다.

모난
반응

# 감시자3.2k6.6k6.0k
# 별57k144k157k
# 포크15.9k27.6k23.7k
기고자1,0891,361289

Vue에는 수많은 감시자, 별 및 포크가 있습니다. 이것은 Vue와 React를 비교할 때 사용자들 사이의 인기와 가치를 보여줍니다. 그러나 Vue의 기여자 수가 Angular 및 React보다 적습니다..

한 가지 가능한 설명은 Vue는 전적으로 오픈 소스 커뮤니티가 주도하는 반면 Angular와 React는 저장소에 기여하는 Google 및 Facebook 직원의 상당 부분을 차지합니다..

통계에서 세 가지 프로젝트 모두 중요한 개발 활동을 보여 주었으며 앞으로도 계속 진행될 것입니다. 이러한 통계는 이들 중 하나를 사용하지 않기로 결정한 근거가 될 수 없습니다..

3 부 : 마이그레이션

선택한 프레임 워크로 작업 할 때 프레임 워크 업데이트가 발생하여 코드가 손상되는 것에 대해 걱정할 필요가 없습니다. 대부분의 경우 한 버전에서 다른 버전으로 많은 문제가 발생하지 않지만 일부 업데이트는 더 중요 할 수 있으며 호환성을 유지하기 위해 조정이 필요하기 때문에 손가락을 계속 누르는 것이 중요합니다..

모난 주요 업데이트 계획 6 개월마다. 주요 API가 더 이상 사용되지 않는 데 6 개월이 더 걸리므로 필요한 경우 변경을 위해 2 개의 릴리스주기 (1 년)가 소요됩니다..

Angular vs React와 관련하여 Facebook은 안정성이 가장 중요합니다 트위터 나 에어 비앤비 같은 거대 기업들이 React를 사용함에 따라 버전을 통한 업그레이드는 일반적으로 다음과 같은 스크립트를 사용하여 React에서 가장 쉽습니다. 반응 코드 모드 마이그레이션하는 데 도움이.

Vue는 FAQ의 마이그레이션 섹션에서 1.x에서 2로 마이그레이션하는 경우 API의 90 %가 동일합니다. 이있다 마이그레이션 도우미 도구 콘솔에서 작동하여 앱의 상태를 평가합니다..

4 부 : Vue vs Angular vs React 작업

여기에서 살펴볼 몇 가지 중요한 특성이 있습니다.이 중 주요 특성은 전체 크기 및로드 시간, 사용 가능한 구성 요소 및 학습 곡선입니다..

크기와 적재 시간

라이브러리의 크기는 다음과 같습니다.

  • Angular 4+ : 생성 된 번들 크기에 따라 다름
  • 반응 : 116KB
  • Vue : 91KB

프레임 워크의 크기에는 큰 차이가 있지만 평균 웹 페이지 크기 (2018 년 2MB 이상)와 비교하면 여전히 작습니다. 또한, 인기있는 CDN을 사용하여 이러한 라이브러리를로드하는 경우 사용자가 이미 로컬 시스템에 라이브러리를로드했을 가능성이 높습니다.

구성 요소

Vue, React 또는 Angular와 상관없이 구성 요소는 세 가지 프레임 워크의 필수 요소입니다. 컴포넌트는 일반적으로 입력을 받고이를 기반으로 동작을 변경합니다. 이 동작 변경은 일반적으로 페이지 일부의 UI 변경으로 나타납니다. 컴포넌트를 사용하면 코드를 쉽게 재사용 할 수 있습니다. 구성 요소는 전자 상거래 사이트의 장바구니이거나 소셜 네트워크의 로그인 상자 일 수 있습니다..

모난 모난:
Angular에서 구성 요소는 지시어. 지시문은 DOM 요소의 마커 일 뿐이며 Angular는 특정 동작을 추적하고 첨부 할 수도 있습니다. 따라서 Angular는 구성 요소의 UI 부분을 HTML 태그의 속성과 JavaScript 코드 형식으로 동작으로 분리합니다. 이것이 Angular와 React를 볼 때 차별화되는 이유입니다..
반응 반응 :
흥미롭게도 React는 UI와 컴포넌트의 동작을 결합합니다. 예를 들어 여기 React에서 hello world 컴포넌트를 작성하는 코드. React에서 코드의 동일한 부분은 UI 요소를 만들고 해당 동작을 지시합니다..
부 부 :
Vue에서 UI와 비헤이비어는 구성 요소의 일부이므로 Vue vs React를 볼 때보 다 직관적으로 만듭니다. 또한 Vue는 사용자 정의가 가능하여 스크립트 내에서 UI와 컴포넌트의 동작을 결합 할 수 있습니다. 또한, 당신은 또한 할 수 있습니다 CSS가 아닌 Vue에서 프리 프로세서 사용, 훌륭한 기능입니다. Vue는 Bootstrap과 같은 다른 라이브러리와 통합 할 때 좋습니다..

동일한 앱이 다른 라이브러리와 어떻게 보이는지 비교하려면 여기에 대한 훌륭한 게시물이 있습니다. React 및 Vue에서 목록 앱을 동일하게 만들기 두 프레임 워크의 차이점을 대조.

학습 곡선 ��

따라서 이러한 각 프레임 워크를 배우는 것이 얼마나 어려운가요?

모난 모난:
모난 완벽한 솔루션이라는 점을 감안하면 가파른 학습 곡선을 가지고 있으며 Angular를 마스터하려면 TypeScript 및 MVC와 같은 관련 개념을 학습해야합니다. Angular를 배우는 데 시간이 걸리더라도 투자는 프런트 엔드의 작동 방식을 이해하는 데있어 배당금을 지불합니다.
반응하다 반응 :
반응 제공 시작하기 한 시간 안에 React를 설정하는 데 도움이되는 가이드입니다. 이 문서는 스택 오버플로에 이미 존재하는 일반적인 문제에 대한 솔루션과 함께 철저하고 완전합니다. React는 완전한 프레임 워크가 아니며 고급 기능을 사용하려면 타사 라이브러리를 사용해야합니다. 이것은 핵심 프레임 워크의 학습 곡선을 가파르 지 않지만 추가 기능을 사용하는 경로에 달려 있습니다. 그러나 React를 사용하는 것을 배우는 것이 반드시 사용하고 있다는 것을 의미하지는 않습니다. 모범 사례.
부 부 :
 높은 사용자 정의 기능을 제공하므로 Angular 또는 React보다 배우기가 쉽습니다. 또한 Vue는 구성 요소 사용과 같은 기능과 관련하여 Angular 및 React와 겹칩니다. 따라서 둘 중 하나에서 Vue로 전환하는 것은 쉬운 옵션입니다. 그러나 Vue의 단순성과 유연성은 양날의 검입니다. 코드가 잘못되어 디버깅 및 테스트가 어렵습니다..

Angular, React 및 Vue에는 상당한 학습 곡선이 있지만 숙달시 사용법은 무한합니다. 예를 들어, WordPress 및 WooCommerce와 Angular 및 React를 통합하여 진보적 인 웹 앱을 만들 수 있습니다.

Angular vs React vs Vue : 누가 이기는가?

이 글의 끝 부분에서 각 프레임 워크의 특징을 상기시켜 각 질문과 반응 vs.?

각 로고 모난 프레임 워크 중 가장 성숙하고 기여자 측면에서 훌륭한 지원을 제공하며 완전한 패키지입니다..

그러나 학습 곡선이 가파르고 Angular의 개발 개념으로 인해 새로운 개발자가 생길 수 있습니다.

Angular는 이미 TypeScript를 사용하고있는 대규모 팀과 개발자가있는 회사에 적합합니다..

추가 �� 관심있는 Angular 관리 대시 보드 템플릿은 다음과 같습니다..

반응 로고 반응 성숙 할만큼 나이가 많았고 커뮤니티에서 많은 기여를했습니다. 널리 받아 들여졌습니다. React의 직업 시장은 정말 좋고이 프레임 워크의 미래는 밝게 보입니다..

React는 프론트 엔드 JavaScript 프레임 워크, 신생 기업 및 유연성을 원하는 개발자를 시작하는 사람에게 좋은 선택처럼 보입니다. 다른 프레임 워크와 완벽하게 통합 할 수있는 기능은 코드의 유연성을 원하는 사람들에게 큰 이점을 제공합니다..

뷰 로고 주요 회사의 지원없이 경기장에 최신.

그러나 지난 몇 년 동안 Angular and React의 강력한 경쟁자로 등장한 것은 정말 좋은 일입니다. 이것은 아마도 알리바바와 바이두와 같은 많은 중국 거인들이 Vue를 주요 프론트 엔드 JavaScript 프레임 워크로 선택하는 역할을하고있을 것입니다..

그러나 미래에는 그것이 어떻게되는지보아야 할 것이며, 신중한 것으로 정당화 될 수 있습니다. 단순성을 선호하지만 유연성을 선호하는 경우 Vue를 선택해야합니다..

Extra �� 다음은 부트 스트랩으로 구축 된 Vue 관리자 템플릿 중 일부입니다..

Angular vs React vs Vue의 토론에 대한 대답은 아마도 당신이 예상했던 절대적인 올바른 선택이 없다는 것입니다.

이러한 각 라이브러리에는 고유 한 장점과 단점이 있습니다. 작업중인 프로젝트와 개별 요구 사항에 따라 그 중 하나가 다른 것보다 더 적합 할 것입니다. 결정하기 전에 항상 자체 연구를 수행하는 것이 중요합니다. 특히 개인 프로젝트가 아닌 비즈니스 벤처에 참여하려는 경우.

Angular vs React vs Vue 중 어느 프레임 워크가 승자라고 생각하십니까? 아래 의견에 알려주십시오.

더 읽을 거리 : ��

  • Vue, Angular, React를위한 머티리얼 디자인 템플릿 (Material UI)
  • 최고의 React UI 구성 요소 라이브러리 / 프레임 워크
  • 흥미로운 Vue UI 구성 요소 라이브러리
  • 최고의 Angular Admin 대시 보드 템플릿
  • ReactJS를위한 최고의 무료 부트 스트랩 템플릿
  • 무료 반응 네이티브 템플릿
  • 부트 스트랩으로 구축 된 무료 및 프리미엄 VueJS 관리자 템플릿

다른 참고로 WordPress를 더 사용하는 방법은 무엇입니까? WordPress는 상상할 수있는 거의 모든 웹 사이트 프로젝트를 실행하는 데 완벽하게 적합하며 디자인을 멋지게 보이게 할 수있는 멋진 테마가 많이 있습니다 (많은 무료). 더 싼 가격으로 WordPress 웹 사이트를 호스팅 할 수 있다는 것은 말할 것도 없습니다..

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

Karol K의 레이아웃 및 프리젠 테이션.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    
    2020 년에 비해 최고의 로컬 워드 프레스 개발 툴 5 가지 तुलना में ईमेल विपणन सेवाओं
    0 комментариев
    
    2020 में 6 सर्वश्रेष्ठ ईमेल विपणन सेवाएँ: तुलना और समीक्षा तुलना में ईमेल विपणन सेवाओं
    0 комментариев
    
    Gutenberg의 1 년, 블록 기반 테마 구조, Bluehost 마켓 플레이스 2020 년 1 월 CodeinWP를 사용한 WordPress 뉴스 तुलना में ईमेल विपणन सेवाओं
    0 комментариев
    
    사람들이 무시할 수없는 블로그 콘텐츠 아이디어를 생각해내는 방법 तुलना में ईमेल विपणन सेवाओं
    0 комментариев
    Adblock
    detector