CSR, SPA

리액트로 뭔가를 만든다고하면 아~ SPA를 만드는구나 라고 생각하면 된다.

그럼 SPA가 뭘까?

SPA

(Single Page Application)

사용자가 클릭했을때 다른 페이지를 다운로드 받아서 껌뻑~ 하면서 리프레쉬되는 것이 아니라 한 어플리케이션 내에서 이 컴퍼넌트를 보여줬다가 숨기고 또 다를때 보여주고 페이지 내에서 자유 자재로 네비게이션 할 수 있는 것을 말한다.

CSR

(Client Side Rendering)
리액트 만을 사용할때는 CSR이라는 개념이 있는데요
사용자가 웹 어플리케이션에 접속했을때 즉각적으로 html을 보는 것이 아니라 우리가 작성한 코드, 자바스크립트 뿐만 아니라 리액트 라이브러리를 함께 다운받아서 이걸 다~ 다운 받은 다음에 사용자화면에 UI가 표기 되기 때문에 클라이언트 측에서 렌더링이 이뤄진다.

SSG/R

리액트와 함께 Gatsby, NEXT.JS라는 프레임워크를 사용하면 SSG, SSR도 함께 구현해 볼 수 있다.