SPA, CSR, SSR에 대하여

SPA

Single Page Application의 약자로, 최초 한번 페이지를 전체 로딩한 후 부터 데이터만 변경해서 사용할 수 있는 웹 애플리케이션을 말한다.

장점으로는, 하나의 페이지로만 구성이 되어있기 때문에 페이지가 달라지며 발생하는 화면 깜빡임 현상이 없다.

단점으로는, 시멘틱한 마크업으로 작성해도 검색엔진에 노출이 되지 않는다는 점이 있다.

CSR

Client Side Rendering 의 약자로 최초 로드시에 필요한 파일을 모두 받아오고, 사용자의 인터렉션에 따라서 클라이언트 측에서 받아와 렌더링을 해주는 방식이다.

장점으로는, 렌더링 속도가 빠르다는 점.

단점으로는, 최초 로드시에 뼈대만 다운받아지기 때문에, SEO 에 취약하다.

SSR

Server Side Rendering의 약자로, 요청시 마다 새로고침이 일어나고, 서버에 새로운 페이지를 요청하는 방식이다.

이미 다 만들어진 DOM 객체를 받으며, 렌더링 속도도 빠르고 SEO 에 최적화되어 있다.

단점으로는, 렌더링마다 서버를 거쳐서 렌더링되므로 속도가 느리다는 점이다.