목록SSR (1)

개발 블로그

CSR vs SSR vs SPA

React.js 와 함께 많이 사용되는 Next.js에 대해 공부하다보면 서버 사이드 렌더링(SSR)에 대한 언급을 자주 볼 수 있다. 이와 관련해 헷갈릴 수 있는 용어들을 차례로 정리하려고 한다. SSR (Server Sid Rendering) 서버사이드 렌더링은 전통적인 웹 어플리케이션의 동작 방식이다. 사용자가 웹페이지에 접근할 때, 서버에 각각의 페이지에 대한 요청을 보내 HTML,JS 등을 응답받아 완성된 HTML을 화면에 렌더링하는 방식이다. 장점 빠른 첫 페이지 렌더링이 가능하다. 검색 엔진 최적화(SEO)가 가능하다. 단점 사이트를 이동할 때, 매번 서버에 새로운 화면을 요청해야하기 때문에, 페이지 이동시 깜박거리는 현상이 발생한다. 서버에 요청하는 횟수 및 서버가 처리해야 할 작업량이 증..
IT/Programmers 2021. 9. 27. 22:32
이전 Prev 1 Next 다음