React SPA , CSR

리액트는 우리가 흔히 웹에서 사용하는 방식처럼 페이지를 이동할 때 서버에 요청해서 렌더링하는 방식이 아닌 리액트 앱이 알아서 페이지를 업데이트하는 SPA형식을 사용한다.

SPA

spa는 (Single Page Application)의 약자로 한 index.html에서 리액트 라이브러리를 사용하여 화면을 전환하는 방식을 말한다.

우리가 흔히 사용하는 서버에 요청해서 페이지를 이동하는 방식은
MPA [Multipage Appication] 이라고 일컷는다.

SPA를 사용하면 컴포넌트 교체되듯 페이지가 빠르게 이동한다. 이렇게 되면 서버와 통신하는 것 보다 빠르게 페이지를 교체 할 수 있는 장점있다.
따라서 페이지는 리액트 앱을 통해 전환하며 각 페이지 마다 필요한 데이터만
서버와 통신을 하여 주고 받는 형식으로 운영한다.

이렇게 화면 랜더링을 클라이언트에서 하는 것을 CSR (Client Side Rendering) 이라고 한다.