Colin's Blog
[nodejs] SSR과 데이터 전송 방식

서버 측 렌더링(Server Side Rendering, SSR)은 웹 애플리케이션의 초기 로딩 속도를 향상시키는 방법 중 하나로, 서버에서 HTML을 생성하여 클라이언트에 제공하는 방식입니다.

SSR을 구현하는 방법 중 하나는 데이터 전송 방식에 있습니다. 데이터 전송 방식은 서버와 클라이언트 간에 데이터를 주고받는 방식을 의미하며, 일반적으로 클라이언트 측 렌더링(Client Side Rendering, CSR)과는 다른 방식으로 동작합니다.

CSR vs. SSR

CSR은 클라이언트 측에서 HTML을 생성하고, 그 후에 JavaScript를 사용하여 서버에 데이터를 요청하여 렌더링하는 방식입니다. 이에 비해 SSR은 처음에 서버 측에서 HTML을 생성하고, 데이터를 포함하여 클라이언트에 전송하는 방식입니다.

데이터 전송 방식

SSR에서는 모든 데이터를 미리 서버에서 가져와 HTML로 렌더링한 후 클라이언트에 제공합니다. 이렇게 함으로써 초기 로딩 시점에 필요한 데이터를 모두 가져와 클라이언트에서 추가적인 요청을 하지 않아도 되므로 페이지 로딩 속도를 향상시킬 수 있습니다.

서버 측 렌더링 시에 자주 사용되는 데이터 전송 방식으로는 AJAX 호출, RESTful API 호출 등이 있습니다. 이를 통해 서버에서 필요한 데이터를 미리 가져와 HTML에 데이터를 채워넣어 클라이언트에 전달할 수 있습니다.

따라서 SSR과 데이터 전송 방식을 통해 초기 로딩 시간을 단축하고, 사용자 경험을 향상시킬 수 있습니다.

결론

서버 측 렌더링(SSR)과 적절한 데이터 전송 방식을 선택함으로써, 웹 애플리케이션의 성능을 최적화할 수 있습니다. 초기 로딩 속도를 향상시키고, 사용자들에게 더 나은 경험을 제공할 수 있는 방법으로써, SSR 및 데이터 전송 방식은 매우 중요한 역할을 합니다.

끝으로, SSR과 데이터 전송 방식에 대한 더 많은 정보를 얻고 싶다면, 관련 문서 및 자료를 참고하시기를 권장드립니다.

[참고 문헌]

© 2018 Colin. All rights reserved.