CSR, SPA는 같은걸까?

바로 정의부터 들어간다.

 

CSR는 client side rendering

SPA는 single page application 의 줄임말이다.

 

CSR은 데이터가 없는 빈 HTML, static 파일들만 받아와서 로드된 후에, 데이터를 요청해서 받아오는 방식으로 진행된다.

 

SPA는 서버로부터 처음에만 페이지를 받아오고, 이후에 동적으로 페이지를 구성해서 새로운 페이지를 받아오지 않는 웹 어플리케이션을 뜻한다. (페이지가 한번 로딩된 이후에 데이터를 수정하거나 조회할때, 페이지가 새로고침되지 않고 다른 페이지로 넘어가지 않음.)

 

결론

CSR, SPA는 다르다.

SPA는 서버로부터 처음에만 페이지를 받아오고, 이후에는 동적으로 DOM을 구성하여 렌더링 되는 화면이 바뀌게 하는 것이다.

여기서 "동적으로 DOM을 구성하여 렌더링 되는 화면이 바뀌게한다" 요 부분이 CSR이다.

 

아직 이해가 안되는데, 다시 말하자면

SPA는 처음에만 페이지를 받아오고 이후에는 받아오지 않는데, 데이터를 수정하고 조회되도록 하기위해서 CSR이라는 방식을 사용하는 것이다. 애초에 비교대상은 아니었고, "SPA라는 개념이 CSR을 사용한다"로 인지하면 될 것같다.

 

물론, 모든 SPA가 CSR방식인것은 아니다.

SEO문제를 해결하기 위해 SPA를 SSR 방식으로 렌더링하거나, 둘다 하이브리드 방식으로 혼용하는 경우도 있다.