카테고리 없음 / / 2023. 4. 5. 21:20

자바스크립트 프레임 워크 React.js , Angular.js, Vue.js

반응형

요즘 프론트앤드 개발시 많이 사용되는 자바스크립트의 대표 프레임워크 React.js ,Angular.js,Vue.js에 대해 공부한 내용을 글로 정리해보고자 한다.

 

React.JS

React.js는 FaceBook에서 개발한 JavaScript 라이브러리로, 2013년에 처음 발표되었다. 이전에도 JavaScript를 이용한 여러 프론트엔드 라이브러리와 프레임워가 존재했지만, React.js는 프론트 앤드 개발의 혁신적인 프레임워크라 평가 받고 있다. React.js가 나오기전 프론트엔드 개발에는 주로 두 가지 문제가 있었다. 첫번째는 DOM 조작 관련 성능이슈와 두번째는 복잡한 상태관리로 인한 비효율적인 유지보수 이다. 예를들어 어떤 웹페이지에서 수백개 또는 수천개의 데이터를 표시해야하는 경우 많은수의 DOM요소를 만들고 조작해야 하므로 브라우저의 성능이 저하될수 있었고 온라인 쇼핑몰 같은 대규모 사이트에서 사용자의 장바구니, 주문내역, 결제 정보등 많고 복잡한 상태들은 유지보수를 어렵게 만들었었다. React.js는 이러한 문제들을 해결하기 위해 등장했다. VirtualDOM의 사용은 실제 DOM 조작을  최소화하고 변경된 부분만 업데이트 해주므로 브라우저의 성능을 크게 개선시켜 주었고 상태를 중앙집중식으로 관리하고 상태 변경 사항을 추적 , 업데이트할수 있게 해주는 Redux와 같은 상태 관리 라이브러리 사용은 유지보수성을 크게 향상시켜 주었다. 현재 React.js는 현재 프론트엔드 개발에서 가장 인기 있는 프레임워크중 하나이며 많은 기업과 개발자들이 사용하고 있다. React.js를 사용하면 생상성을 높이고, 빠른 렌더링과 간편한 상태 관리를 구현할수 있다. 하지만 초기 학습 곡선이 높고, 라이브러리 의존성이 높아서 많은 학습과 경험이 요구된다.

 

Angular.js

Angular.js는 Google에서 개발한 오픈 소스 프론트엔드 웹 프레임워크이다. 2012년 1.0버전이 출시 되었으며 이후로도 계속해서 업데이트및 개선이 되고있고 현재까지도 많은 개발자들에게 사랑받고 있는 프레임워크이다. Angular.js가 나오기 이전 역시 많은 JavaScript 라이브러리와 프레임워크 들이 존재하였지만 Angular.js는 다른 프레임워크나 라이브러리들이 제공하지 않았던 데이터 바인딩, 라우팅 , 디렉티브 등의 다양한 고급 기능들을 제공해 주었고 이 기능들은 개발자들이 더욱 생산적이고 유지보수가 용이한 코드를 작성 할수 있게 해주었다. 또한 Angular.js는 MVC 아키텍처 패턴을 기반으로 하고 있으며, 이를 통해 데이터와 뷰를 분리 구현할수 있어 이 또한 유지보수에 굉장히 효과적이라 할수 있다.그리고 Google이 지원하는 프레임워크인 만큼 , 대규모 개발자 커뮤니티와 넓은 생태계를 지니고 있기도 하다.

하지만 Angular.js의 이러한 고급 기능들을 사용하려면 많은 학습이 요구 되고 데이터 바인딩과 의존성주입등의 기능은 대규모 애플리케이션에서의 성능 문제를 야기할수 있다. 

 

Vue.js

Vue.js는 에반유 가 2014년에 개발한 JavaScript 프론트엔드 프레임워크로 현재는 여러 개발자들이 개발과 유지보수를 진행하고 있다. Vus.js는 가볍고 유연하며 사용하기 쉬운 특징을 갖고 있어 많은 개발자들에게 사랑받고 있다.  Vue.js가 나오기전 Angular.js를 많이 사용하고 있었지만 불필요한 부분이 많았고 초기 로딩 속도가 느렸기 때문에 에반유는 새로운 프레임워크를 개발하기로 결심했다. 에반유는 Angular.js와 React.js에서 좋았던 부분들을 참고하여 Vue.js를 개발하였다. Vue.js는 Angular.js와 비슷한 문법 구조와 React의 가상Dom을 사용하여 변경된 부분만 다시 렌더링하는 방식을 결합하였다. 또한 가벼운 라이브러리이면서도 유연하고 확장성이 높은것이 특징이다. 그리고 Vue.js는 템플릿 기반으로 작성되어 있어 HTML과 유사한 문법을 사용하기 때문에 직관적이고 쉽게 배울수 있고 또한 컴포넌트 기반 아키텍처를 사용하므로 코드의 재사용성이 높다. 이러한 이유들로 Vue.js는 Angular.js와 React.js보다 쉽고 빠르게 웹 애플리케이션을 개발 할수 있고 많은 기업에서 사용되고 있으며 더욱 발전할 전망이다.

 

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유