IT 정보기술

CSR, SSR

지구스시2 2023. 10. 7. 14:30
728x90
반응형

렌더링

화면에 표시하는 것

HTML 파일이 화면에 그려질 구조까지 만드는 것

CSR, SSR

화면에 보일 페이지를 어디에서 그리느냐

CSR

클라이언트 사이드 렌더링

화면에 보일 페이지를 클라이언트가 만듬

✅ 빠른 인터렉션

✅ 필요한 부분만 리로딩 없이 서버로부터 화면을 갱신함

🚨 필요한 데이터를 한번에 받음 → 초기 구동 시간이 김

🚨 html body 부분이 비어있음 → 페이지 분석 어려움

SSR

서버 사이드 렌더링

화면에 보일 페이지를 서버에서 만들어서 줌

페이지 이동시 새로운 페이지 요청

✅ 처음 서버에 요청하는 데이터양이 적음 → 초기 구동 시간 단축

✅ html에 모든 컨텐츠가 담겨있으므로 SEO 문제 없음

🚨 장애 지점이 늘어남

🚨 트래픽이 많이 발생함 → 서버 비용 증가

🚨 서버가 죽어버리면..??

Static site generation

이미 만들어진 상태

직접 내려주기만 하면 됨

 


[참고]

https://velog.io/@wkfwktka/서버-사이드-렌더링SSR과-클라이언트-사이드-렌더링CSR

https://velog.io/@olzlel2000/서버사이드렌더링

728x90
반응형