CSR과 SSR

 

 

 

CSR(Client Side Rendering)

 

클라이언트 상에서 렌더링 하는 기법으로 처음 렌더링 후 추가 변경사항이 있으면 데이터만 받아와 리렌더링한다.

 

장점 : 첫 로딩시 html파일과 static파일만 받으면 그 이후로는 동적으로 렌더링 하기 때문에 요청이 적어진다.

서버 부담이 덜하다.

 

단점 : 처음에 모든 파일이 불러질때까지 기다려야 하므로 초기 로딩 속도가 느리다.

검색엔진 최적화 문제 (SEO) 가 생길 수 있다.

 

 

 

SSR(Server Side Rendering)

 

변경사항이 일어날때 마다 서버에 요청을 하는 방식이며 완전하게 만들어진 html파일을 들고온다.

 

장점 : 초기 로딩 속도가 빠르기 때문에 사용자가 이용하기 편리하다

검색엔진 최적화 (SEO)가 가능하다.

 

단점 : 매번 서버에 요청을 하기 때문에 서버에 부하가 생길 수 있다.

새로고침 할때 마다 새로 불러오기 때문에 ux가 불편하다