WEB/NextJS

CSR vs SSR

깜냠미 2026. 1. 8. 01:35
728x90
반응형

웹서버 vs 웹 어플리케이션 서버

- 웹서버 : 요청마다 항상 똑같은 파일 전달

- 웹 어플리케이션 서버 : 요청에 대해 동적으로 변하는 파일 전달 (DB 값에 따른 렌더링)

 

CSR vs SSR

- CSR : WebServer를 통해 정적인 파일을 가저오고, 클라이언트(브라우저)에서 백엔드와 직접 통신하여 데이터를 받아옴

- SSR : Web Application Server에서 백엔드와 통신 후, 클라이언트에 완성된 파일을

 

Next.js Pre-rendering?

Next.js는 모든 페이지를 프리 렌더링한다.

즉, CSR의 자바스크립트가 모든 작업 수행대신 Next.js가 각 페이지에 대한 html 생성

성능, SEO 개선 가능