자바스크립트의 프레임워크 - React | Vue.js | Angular.js

안녕하세요

웹 개발을 하시는 분들은 HTML CSS Javascript 조합으로 많이들 사용하실 텐데요

오늘은 javascript의 개발 시간을 단축시켜줄 수 있는 프레임워크들에 대해서 알아보겠습니다

언어들 중에 자바스크립트 언어가 프레임워크가 잘 나와있는 축에 속하는 것 같아요 ㅎㅎ

새련되고 이쁜 프레임워크들이 많습니다

jQuery

메서드 체이닝을 통해 DOM Manipulating 를 조작하는라이브러리입니다.

예전에는 자바스크립트 개발에 필수일 만큼 인기가 많았지만 react, angularjs 등의

프레임워크의 생산성이 워낙 높다 보니

2010년대 후반부터는 아주 간단한 웹사이트에서만 쓰이고 안쓰는 추세입니다.

기본적으로 document.querySelectorAll('oooo')를 $('oooo')로 쓸 수 있는 등의 기능이 있습니다.

AngularJS

하나의 프레임워크로 웹과 모바일을 동시에 라는 모티브를 가지고 있고

구글에서 제작한 프론트엔드용 클라이언트 사이드 JavaScript 프레임워크입니다.

자바스크립트에서는 세가지 프레임 워크만 알면 됩니다.

React, Vue.js, Angular.js 입니다

백엔드, 프론트엔드를 동시에 작업 할 수 있는 특징이 있습니다.

MongoDB, Express, AngularJS, Node.js를 함께 사용하여 MEAN Stack으로 많이 사용합니다

Angular 2 이후로는 TypeScript를 이용합니다 2버전 이상으로는 js를 뺀 Angular 라고 지칭합니다.

기본적으로 많은 기능들이 내재되어 있습니다

React

Facebook에서 만든 프론트엔드용 오픈소스 프레임워크입니다.

페이스북은 단일 페이지로 전세계에서 가장 큰 사이트 인데 그 사이트에서 사용하는 React 라고 하니 얼마나 대단한지
어림짐작할 수 있겠죠?

물론 깃헙에서 가장 인기 있는건 Vue.js 이지만 npm 다운로드 수는 react가 ㅏ장 많습니다.

단방향 데이터 흐름과, Virtual DOM 개념을 도입한 UI 컴포넌트 라이브러리. MVC 패턴에서의 V(View)를 담당합니다.

점유율이 높아서 여러 가지 추가 기능을 불러올 수 있으며

추가 기능을 이용해서 TypeScript 프로젝트를 만들 수도 있습니다.

Vue.js

중국계 미국인 에반 유가 만든 사용자 인터페이스를 만들기 위한 프론트엔드용 프레임워크입니다.

굉장히 자유롭고 유연하게 추가 기능들을 불러올 수 있다는 특징이 있으나

추가 기능들을 무분별하게 사용하는 경우 안정성을 떨어뜨릴 수 있다.

Vscode에서 Vue.js를 사용하기 위한 Vetur 라는 플러그인이 있습니다.

Vue도 굉장히 인기가 많기 때문에 다양한 분야에서 사용됩니다.

대표적으로 나무위키, 다음카페, 네이버Vibe(웹페이지)가 있습니다.

해당 프레임워크 논란으로 에반 유가 2019년 홍콩 민주화 운동을 비난하는 듯한 트윗을 올린 적이 있습니다..

namu.wiki/w/2019%EB%85%84%20%ED%99%8D%EC%BD%A9%20%EB%AF%BC%EC%A3%BC%ED%99%94%20%EC%9A%B4%EB%8F%99

2019년 홍콩 민주화 운동 - 나무위키

홍콩 범죄인 인도법 반대 시위의 일자별 경과를 다룬 문서이다. 2. 홍콩에 체류하시거나 방문하시는 우리 국민들께서는 아래 시위계획을 참고하셔서 시위 장소 방문을 피하시고, 부득이하게 시

namu.wiki

Nodejs

브라우저 안에서만 작동하던 JavaScript를 브라우저 외의 환경에서

서버 구축 등의 코드를 작동할 수 있게 만들어 준 런타임 환경입니다.

Npm 으로 설치하는 패키지들이 node.js 패키지 입니다.

Node.js Package Manager의 약자입니다.