7. 서버 사이드 렌더링

서버 사이드 렌더링(Server Side Rendering)은 서버가 웹 페이지에 대한 완전한 HTML 콘텐츠를 생성하여 클라이언트의 브라우저로 보내는 웹 개발 기술입니다. 전통적인 클라이언트 측 렌더링에서 브라우저는 최소한의 HTML 파일을 수신한 다음 페이지 렌더링 및 데이터 가져오기를 담당하는 JavaScript 파일을 가져오기 위한 추가 요청을 합니다. 반면에 서버 사이드 렌더링은 서버에서 HTML을 미리 렌더링하여 완전히 렌더링된 페이지를 클라이언트에 제공합니다.

클라이언트는 웹 페이지에 대한 요청을 서버로 보내면, 서버는 요청을 처리하고 필요한 코드를 실행하여 데이터를 가져오고, 비즈니스 로직을 적용하고, 요청된 페이지에 대한 HTML 콘텐츠를 렌더링합니다.

서버는 초기 상태 및 데이터를 포함하여 페이지에 대한 완전한 HTML 콘텐츠를 생성하고 클라이언트의 브라우저에 다시 보냅니다. 클라이언트는 HTML을 수신하고 브라우저에서 렌더링합니다. 또한 페이지의 상호 작용을 향상시키기 위해 필요한 모든 JavaScript 파일이 로드되고 실행됩니다.

서버 사이드 렌더링의 이점은 다음과 같습니다

1. 검색 엔진 최적화(SEO)

검색엔진 최적화란웹 사이트나 웹 페이지가 검색 엔진에서 노출되고 높은 순위로 나타나도록 최적화하는 프로세스와 기술을 의미합니다. SEO는 웹 사이트의 가시성을 개선하고 유기적인 검색 트래픽을 유입하여 웹 사이트의 성과를 향상시키는 데 중요한 역할을 합니다.

서버 사이드 렌더링을 활용하면검색 엔진이 완전히 렌더링된 HTML 콘텐츠를 쉽게 크롤링하고 인덱싱할 수 있으므로 웹 사이트의 검색 엔진 가시성이 향상됩니다.

2. 초기 페이지 로딩 속도 개선

SSR은 서버로부터 완전히 렌더링된 페이지를 제공하므로 초기 페이지 로딩에 소요되는 시간이 줄어들고 사용자가 페이지를 더 빠르게 볼 수 있습니다.

3. 접근성 향상

SSR은 초기 페이지 콘텐츠를 모든 사용자에게 제공하므로 JavaScript가 비활성화되었거나 네트워크 연결이 느린 사용자들에게도 콘텐츠를 이용할 수 있는 접근성을 제공합니다.

4. 소셜 미디어 공유

소셜 미디어 플랫폼에서 URL을 공유할 때 완전한 HTML 콘텐츠가 제공되므로 메타데이터와 함께 풍부한 미리보기가 가능합니다.

5. 진화적 기능 개선

SSR은 기본 기능과 콘텐츠가 JavaScript 없이도 사용 가능하므로 진화적 기능 개선에 견고한 기반이 제공됩니다.