고양이 두 잔

SSR(Server Side Rendering)은 이름 그대로 JS가 렌더링을 서버에서 마친 후 클라이언트로 전송하는 방식이다. 매번 완성된 html을 새로 받는 것이라 보면 되는데, 이 때문에 아래와 같은 장단점이 존재한다. 장점 SEO(Search Engine Optimization)에 유리 빠른 초기 로딩 - 단일 파일의 용량이 작음 웹 페이지가 사용자와 상호작용이 적은 경우 유리(블로그, 신문사) 단점 애플리케이션 유지 비용이 높음(자원 이용이 서버에 집중) 요청시마다 새로고침 - UX차원에서 불리 서버에 부하가 걸릴 가능성이 있음 CSR(Client Side Rendering)은 이와는 달리 JS가 사용자의 요청에 따라 필요한 부분만 받아오는 방식을 말한다. 다른 경로로 이동해도 새로고침이 발생..

SSR(Server Side Rendering)과 CSR(Client Side Rendering)의 차이는 웹 개발에서 중요하다. 하나씩 간결하게 살펴보자. SSR(Server Side Rendering) SSR은 이름 그대로 Javascript가 서버에서 렌더링을 마친 후 클라이언트로 전송하는 방법이다. 완성된 html 파일을 받아와 클라이언트에서 완전히 렌더링 하는 방식이라고 보면 된다. 이때 데이터베이스의 데이터가 필요할 경우 서버가 데이터를 불러와 렌더링 한다. 클라이언트가 다른 경로로 이동하면 이 과정을 다시 수행한다. 장점 SEO(Search Engine Optimization)에 유리 빠른 초기 로딩 - 단일 파일의 용량이 작음 웹 페이지가 사용자와 상호작용이 적은 경우 유리(블로그, 신문사..