React 란?

프레임워크가 아닌 JS의 UI 라이브러리중 하나이다. UI 컴포넌트를 만드는 일을 하여 캡슐화를 시켜서 코드의 재사용성을 증가시켜준다.

특징

• jsx : react를 위해 만들어낸 새로운 js 문법. 그냥 js로 코드를 작성하는 것보다 직관적이기 때문에 유지보수, 협업 등 장점이 있다. babel과 같은 트랜스 파일러를 이용하여 jsx문법을 js로 변환시켜줘야하기 때문에 초기 웹팩,플러그인같은 세팅의 번거로움이 있다.

• Component 기반으로 코드의 각각의 기능음 모듈화여 코드의 재사용성 증가

• virtual DOM : DOM은 웹의 핵심으로써, 브라우저가 화면을 그리기위한 문서 인데 데이터가 변할 때 마다 모두 새로고침을 하게 되면 루트부터 새로 구성하느라 비용도 많이 들뿐더러 성능의 저하 문제가 존재하지만 vitual DOM방식을 이용하여 변경부분만 찾아내어 랜더링 하기때문에 성능향상과 비용문제에서도 효과적이다.

• 데이터의 흐름이 단방향 : react는 상위 컴포넌트에서 하위 컴포넌트 방향으로만 흐르고 반대로는 올라갈 수 없다. 이는 장기적으로 데이터 흐름을 이해하기 쉬워져 개발 비용의 감소 효과를 볼 수 있다.

• SPA (single page application) : 하나의 페이지로 이루어진 어플리케이션 으로 하나의 html 파일을 기반으로 js를 이용해 동적으로 화면의 컨텐츠를 바꾸는 방식이다. CSR (client side rendering)방식을 채택. ReactDOMServer, next.js와 같은 라이브러리를 이용하여 ssr (server side rendering)을 구현할 수도 있다.