💭

Angular, React의 차이는 무엇이 있나요?

태그

프로젝트의 특성에 따라 합리적인 기술 스택과 컨벤션을 선택하기위해 프레임워크에 대한 고민이 생긴다. JavaScript 기반 프레임워크인 React, Angular, Vue.js에 대해 기본적인 기술을 깊게 이해하고 프레임워크 간의 차이와 각각의 장단점을 이해해보자.

Angular와 React는 Front-End 개발자에게 가장 널리 사용되는 JavaScript 프레임 워크 중 하나입니다.

React, Angular, Vue.js 모두 JavaScript와 웹을 기반으로 하기 때문에 이를 프레임워크로 접근하기보다는 기본적인 기술을 깊게 이해하고 프레임워크 간의 차이와 각각의 장단점을 이해해보자.

React

페이스북 광고팀의 엔지니어였던 Jordan Walke가 2011년 실험적 프로젝트인 FaxJs로 시작한(첫 커밋) React는 이제 전세계에서 가장 인기 있는 프런트엔드 프레임워크가 되었다.

페이스북 엔지니어가 실험적 프로젝트인 FaxJs로 시작한(첫 커밋) React는 이제 전세계에서 가장 인기 있는 프런트엔드 프레임워크다. React가 가장 인기있고 많이 사용되는 프레임워크라는 것은 조금만 찾아봐도 알 수 있으니 넘어가도록하자.

React는 잘게 나누어진 컴포넌트 모듈들을 조합해 애플리케이션을 개발하는 컴포넌트 기반 개발을 오늘날의 개발 접근 방법으로 만들었다.

일반적으로 새로운 버전으로의 업그레이드는 앱 전체를 대상으로 한다. 하지만 코드가 작성된 지 몇 년이 지난 경우, 그리고 활발하게 유지 보수가 이뤄지는 코드가 아니라면 상황에 따라 서로 다른 React 버전이 유지되게 하는 편이 나을 수도 있다. React 17 이전 버전에서는 서로 다른 버전을 사용하는 것이 불가능한 것은 아니지만, 안정성과 이벤트 처리 등에 문제가 존재했다.

17부터는 전체 앱을 한 번에 업그레이드하는 방법과 부분 업그레이드를 할 수 있는 방법이 제공된다. 특정 영역에 한해 다른 버전을 사용하는 경우, 다른 버전의 React를 lazy-load 형태로 적용할 수 있다.

React17은 React 자체의 업그레이드를 손쉽게 만들기 위한 기능에 초점이 맞춰졌다. React 17은 '디딤돌'의 역할을 통해 서로 다른 React 버전 간의 임베딩을 안전하게 이뤄지게 만들며 또한 다른 기술로 작성된 앱으로의 임베딩 또한 손쉽게 만든다.