반응형
CSR ( 클라이언트사이드 렌더링 ) : 클라이언트에서 모든것을 처리하는 렌더링 방법
* www 요청시 하얀도화지(html) 과 bundle.js 를 요청 및 내려받는다 ( 사용자 PC )
* 사용자에서 처리하므로 사용자들에게 하얀도화지가 나타나는 화이트 스플래쉬 현상 발생
* 페이지 이동시에는 대부분 클라이언트사이드 렌더링으로 작업
SSR ( 서버사이드 렌더링 ) : 서버에서 요청받은 데이터를 그려서 렌더링 하는 방법
* www 요청시 하얀도화지(html) 과 bundle.js 를 요청 및 내려받는다 ( 서버 )
* 서버에서 그려서 내보내주기떄문에 화이트 스플래쉬 현상이 없음
* Nuxt , Next 를 사용할 때 최초 1회 서버사이드 렌더링을 진행하고, 페이지 이동시에는 클라이언트 사이드 렌더링을 진행하는 것이 보편적인 방법
* CSR 을 진행하면 사용자 PC 성능마다 렌더링 속도 차이는 있겠지만, CSR 과 SSR 중 페이지 화면 전체가 보여지는 시점에서는 큰 차이는 없다.
반응형