SSR vs API

서버 사이드 렌더링(SSR)과 API 기반 렌더링은 웹 응용 프로그램에서 콘텐츠를 표시하는 두 가지 다른 접근 방식이다.

서버 사이드 렌더링은 서버의 웹 페이지에 대한 HTML을 생성하고 클라이언트의 브라우저로 HTML을 전송하여 사용자에게 표시하는 것을 포함한다. 브라우저가 페이지를 표시하기 전에 API 또는 JavaScript의 데이터가 로드될 때까지 기다릴 필요가 없기 때문에 페이지 로드 시간이 더 빨라질 수 있습니다.

반면 API 기반 렌더링은 서버에서 클라이언트로 데이터를 JSON과 같은 형식으로 전송한 다음 자바스크립트를 사용하여 데이터를 클라이언트 측의 HTML로 렌더링하는 것을 포함한다. 이 접근 방식은 일반적으로 전체 응용 프로그램이 클라이언트의 브라우저에서 실행되고 서버가 API 역할을 하는 단일 페이지 응용 프로그램(SPA)에서 사용됩니다.

두 접근법 모두 그들만의 장점과 단점이 있다. SSR을 사용하면 초기 로드 시간이 더 빨라지지만 전체 페이지를 서버에서 다시 렌더링해야 하므로 이후 페이지와의 상호 작용이 더 느려질 수 있습니다. API 기반 렌더링은 초기 로드에서 더 느릴 수 있지만 전체 페이지가 아닌 데이터만 업데이트하면 되기 때문에 후속 상호 작용이 더 빨라질 수 있습니다.

궁극적으로 서버 측 렌더링과 API 기반 렌더링 중에서 선택하는 것은 웹 애플리케이션의 특정 요구사항과 속도, 확장성 및 유지보수성 간의 균형에 따라 달라집니다.