[SPA 프론트엔드 프레임워크] Angular, React, Vue 란?

[SPA 프론트엔드 프레임워크] Angular, React, Vue 란?

728x90

반응형

728x90

SPA : Single Page Application

SPA가 등장한 이유?

빠르고 강력한 MVC 패턴의 등장으로 빠르게 웹사이트를 만들 수 있으나,

1. 좋아요 하나 클릭하면 깜빡 하면서 새로고침 되는 불편함

2. PC용 / 모바일용 / 안드로이드, iOS용 서버까지 만들어야 했음

--> 서버가 데이터만 보내줘도 브라우저에서 HTML, CSS, JS로 랜더링해낼 수 있다면,

서버는 어디에서 요청이 들어오든 동일한 작업을 해서 데이터를 요청할 수 있음!

-> 서버 개발자는 서버 개발에만 집중하면 됨 (이전에는 결과물까지 서버가 요리해서 보내줘야 했음)

==> Angular, React, Vue가 등장!!

SPA(Single Page Application)

- 서버 : 정적 웹처럼 HTML, CSS, JS 코드들을 브라우저로 전송

-> 여기에서 JS가 주어진 데이터데 따라 HTML을 랜더링

-> 한 번 로드된 페이지에서 다양한 기능 수행 가능

-> 예전처럼 쿼리 셀렉터나 jquery로 일일이 화면요소들을 변경해주지 않아도 됨

-> 서버는 재료만 주고 요리는 웹브라우저가 하게끔

Vue

- Evan You라는 개인이 만듦

- 코드가 깔끔하고 배우기 쉽다는 특성 -> 빠른 속도로 성장 중

- 라이브러리의 특성을 가짐

React

- 페이스북에서 만듦

- 막강한 커뮤니티와 자료 갖춤

- 다른 설계에 잘 녹아들어서 유연성을 요하는 서비스들에 권장

- 라이브러리의 특성을 가짐

Angular

- 구글에서 만듦

- Typescript로 javascript를 보완하는 매우 안정적이고 탄탄한 프론트엔드 앱을 만들 수 있음

- 단 상대적으로 무겁고 배우기 어렴다는 단점

- Framework의 구조가 뚜렷함

728x90

반응형

from http://aspring.tistory.com/222 by ccl(A) rewrite - 2021-07-12 07:27:20