[React] 리액트란 무엇인가?

2021. 7. 13. 14:48개발나들이/front

현재의 웹 상태는 단순히 웹 이라기 보단 하나의 웹어플리케이션이라 불리는 상황.

기존의 프론트앤드 언어를 사용하여 이를 구현 할 경우( javascript, jquery, etc .. ) 

작업의 효율성 및 코드의 유지보수 차원에서 번거로움이나 불필요한 자원 낭비가 있을 수 있기에

이를 해결하기 위해 프론트엔드 라이브러리가 등장하게 되었다고 한다.

 

아래는 자주 쓰는 프론트엔드 라이브러리 라 하며 간략하게 설명지어 본다.

 

1. Angular

- 다양한 기능이 내장되어 있다. http client, router, 다국어 지원, 공식 라이브러리 지원 등
- 만들어진지 오래되엇으며 사용률도 어느정도 있는 편
- typescript 를 기본으로 함

 

2. React

- components 라는 개념을 메인으로 하는 라이브러리

- 데이터를 넣으면 인터페이스를 조립하여 보여주는 형태

- view 에 집중하는 편이며 thirdparty 라이브러리 등을 활용하여 view를 만들어냄

- 공식 라이브러리는 제공하지 않음, 생태계가 넓다

 

3. Vue

- 입문자가 사용하기 편함, webpack 이 없어도 사용 가능

- html을 템플릿 그대로 사용할 수 있기에 퍼블리서 등이 있다면 작업에 용이함

- 디렉티브, virture dom components, JSX 등을 활용 
- Angular + React 의 장점을 짬뽕 시킨 듯한 느낌