👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

카테고리 없음

[IT] CSR(Client Side Rendering)

Potato_H 2021. 6. 3. 19:18
반응형

- CSR(Client Side Rendering) : 변화된 UI를 유저의 브라우저에서 만드는 것

(클라이언트 측에서 필요한 것이 있으면 서버에서 파일을 받아온 후 동적으로 html을 생성해서 사용자에게 최종적인 html을 보여주는 방식)

CSR(Client Side Rendering)의 큰 문제점

  • 사용자가 첫화면을 보기 까지 시간이 오래걸림
  • 좋지 않은 SEO(Search Engine optimization)

Rendering : 웹페이지를 화면에 그려주는 것

- 초기 view 로딩 속도

Client Side Rendering 에서는 CSS, Javascript 파일 등 필요한 파일을 모두 다운로드하기 때문에 view 로딩이 다소 늦지만, 최초 로딩 이후의 요청에 대한 대응이 빠르다.

- 보안문제

Client Side Rendering 은 쿠키 이외에 사용자에 대한 정보를 저장할 공간이 마땅치 않다.

https://ssangq.netlify.app/posts/rendered-by-server-or-client 참고