[리액트] 리액트의 장,단점

* 리액트란?

페이스북에서 제공해주는 프론트엔드 라이브러리, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여진다. 

 

 

* 리액트의 특징?

 - 단일방향의 데이터 흐름, 데이터 흐름을 단방향으로 제한함으로서 데이터를 추적하기 쉽고 디버깅을 쉽게 해줌

  

 

* 리액트의 장점?

 1)  헤더, 메인 콘텐츠, 버튼, 사이드바 메뉴 같은 것들을 헤더 컴포넌트, 사이드바 컴포넌트와 같이 하나의 컴포넌트로 묶어서 관리할 수 있다. 따라서 리액트를 개발하다가 특정 부분에서 오류가 생기면 그 컴포넌트만 수정하여 사용할 수 있다. 코드의 재사용성과 유지보수성을 증가시켜 준다. 

 

2) 매번 DOM 전체를 직접 접근하여 변화를 주면 HTML, CSS, JS파일 전체를 다시 리랜더링하기 때문에 느려진다. 그래서 리액트는 가상 DOM를 이용해서 실제 DOM를 조작하는 횟수를 줄여서 성능을 빠르게 개선한다.(빠른 렌더링)

(데이터가 업데이트되면, 전체 UI 를 Virtual DOM 에 리렌더링 합니다. 이전 Virtual DOM 에 있던 내용과 현재의 내용을 비교합니다. 바뀐 부분만 실제 DOM 에 적용이 됩니다.)

 

3) React는 프레임워크가 아닌 라이브러리기 때문에 다른 프레임워크(AngularJs, Backbone.Js)와 혼용 가능

 

 

* 리액트의 단점?

 1) IE8 이하 지원하지 않음

 2) VIEW ONLY , VIEW 이외의 기능은 써드파티 라이브러리(Third party library, =패키지, 모듈로 불리기도함)를 이용하거나 직접 구현해야함

3) JSX와 inline-template을 사용하여 진입장벽이 낮지는 않다.