자바 스크립트 프레임 워크 종류 및 순위 Top5

오늘은 자바 스크립트의 프레임워크 순위 top5를 간단하게 알아보도록 하겠습니다.

 

1.vue js.

vuejs는 프론트엔트 프로그레시브 프레임워크입니다.

다른 것들과 달리 선택적으로 채택해 사용할 수 있습니다.

때문에 다른 라이브러리나 기존 프로젝트에 적용하는 것이 쉽습니다.

또한 고성능의 싱글 페이지 애플리케이션 구축이 가능합니다.

핵심 기능은 데이터 렌더링, 컴포넌트입니다.

간단한 템플릿문구로 DOM에서 데이터를 선언적으로 렌더링하는 기능을 제공합니다.

재사용이 가능한 컴포넌트를 만들 수 있어 효율적인 시스템 구성이 가능합니다.

이밖에 조건문, 반복문, 사용자 입력 핸들링 등의 기능이 있습니다.

vuex라는 강력한 라이브러리가 있습니다.

vuex를 사용하면 데이터를 단방향으로, 중앙집중적으로 관리할 수 있습니다.

저는 개인적으로 vuejs를 사용할 때 vuex를 꼭 사용합니다.

 

2.React.

리액트또한 사용자 인터페이스를 만드는데 사용되는 라이브러리로 페이스북에서 개발된 것입니다.

싱글페이지 애플리케이션, 모바일 애플리케이션 개발시 사용할 수 있습니다.

데이터 변경에 따라 특정 컴포넌트만 효율적으로 갱신하고 렌더링 합니다.

또한 선언형 뷰로 디버그를 쉽게 해줍니다.

 

3.Angular.

angular 자바스크립트 기반 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크입니다.

싱글 페이지 애플리케이션 개발에서 발생할 수 있는 문제를 해결하기 위해 만들어졌습니다.

MVVM구조= 모델-뷰-뷰모델 구조를 위한 프레임워크를 제공합니다.

m은 데이터 모델부분, v는 화면을 보여주는 뷰, vm은 뷰에서 발생되는 이벤트 행동을 의미합니다.

 

4.Ember.

ember는 오픈소스 자바스크립트 웹 프레임워크로 싱글 페이지 웹 애플리케이션 개발에 사용됩니다.

디스코드, 그루폰, 링크드인과 같은 유명 웹사이트에서 많이 사용됩니다.

주요 개념에는 루트(url), 모델(루트와 연결되는 모델, 데이터), 템플릿(html 빌드를 위한 템플릿), 컴포넌트(사용자 지정 html 태그), 서비스(장기간 데이터 보유를 위한 객체)이 있습니다.

angular와 같이 MVVM구조입니다.

 

5.Nust js

Nust js는 vuejs 기반으로 서버사이드 렌더링 웹페이지 구현이 가능하게 하는 라이브러리입니다.

spa를 구현함에 있어서 발생할 수 있는 seo문제를 해결하기 위해 만들어졌습니다.

node js 서버로 js를 실행하여 렌더링 된 상태로 응답할 수 있도록 합니다.

vue, vue router, vuex 개발에 필요한 기능을 제공합니다.