노드 기반 웹프레임워크, Angular / React / Vue

웹 프레임워크는 동적인 웹페이지나, 웹 애플리케이션, 웹 서비스 개발 보조용으로 만들어지는 애플리케이션 프레임 워크의 일종이다. 웹 페이지 개발을 쉽고 편리하게 할 수 있도록 데이터베이슨 연동, 템플릿 형태의 표준 등의 기능을 가지고 있는 것이다. 

자바 기반의 프레임워크는 Spring이 있고, 노드 기반의 대표적인 웹 프레임워크는 Angular, React, Vue, Meteor 등이 있다.

• Angular는 구글에서 프론트엔드 앱 만드는 경우 사용
• React는 페이스북에서 사용
• React Native는 페이스북, 인스타그램, 에어비앤비, 월마트, 테슬라에서 모바일 앱으로 사용
• Electron은 데스크톱 개발 도구

 

노드는 대부분 서버로 이용했지만, 자바스크립트 언어 사용이 가능하기 때문에 웹, 모바일, 애플리케이션 개발에 사용되고 있다. 

 

 

Angular

• 구글 지원 및 사용
• 커뮤니티가 큰 편
• 양방향 바인딩 & 의존성 주입
• 클라이언트에서 MVC 패턴 적용된 프레임워크
  
  • 내부에서 페이지가 바뀌지 않은 상태에서 여러 view 들을 location에 따라 변경
  • 컨트롤러마다 각 뷰와 모델을 연결하여 서버 데이터 갱신 시 양방향으로 컨트롤 가능하게 구성

 

React

• 페이스북 지원 및 사용
• 커뮤니티가 제일 큰 편
• 모바일 앱으로 사용 가능(React Native)
• Virtual Dom
• Dom 컴포넌트들을 각각 분리하여 적용하기 때문에 확장성 및 재 활용성이 뛰어남

Vue.js

• Evan You 유지 보수
• 커뮤니티는 적당한 사이즈
• 양방향 바인딩
• Virtual Dom
• 하이브리드형 프레임워크(Angular의 양방향 바인딩과 React의 Virtual Dom 지원)

 

앵귤러 js는 빠르게 효율적으로 만들어도 퍼포먼스가 좋다. UI를 현란하게 변경하는 단일 웹페이지 애프리케이션은 리액트JS가 빠르고, DOM을 갱신하여 적합하다.