deep_sea deep_sea

서론 현재까지 진행한 프로젝트는 모두 클라이언트 사이드 렌더링(CSR) 방식으로 진행했었다. 최근 Next.js를 찾아보면서 서버 사이드 렌더링(SSR)방식에 대해 관심을 가지게 되었고 여러가지 렌더링 방식에 대해 적어보려 한다. CSR(Client Side Rendering) 브라우저가 웹 페이지를 직접 렌더링하는 방식이다. 클라이언트가 서버로부터 HTML과 Javascript 파일을 받은 후 Javascript를 통해 DOM을 조작하여 웹 페이지의 내용을 추가하거나 변경한다. 초기 페이지가 로드되면 DOM 조작은 클라이언트에서 이루어지므로 즉각적인 업데이트가 가능하기 때문에 상호작용이 빠른 특징이 있다. 하지만! 서버에서 웹 페이지를 구성에 필요한 Javascript 파일을 모두 받아야하기 때문에 초..