SPA로 구성된 웹에서 SSR이 왜 필요할까?

SPA(Single Page Application)란?

• 단일 페이지로 구성되어있고,
• 새로운 페이지 요처 시 필요한 데이터만을 서버에서 전달받아 페이지를 갱신합니다.
• AJAX의 등장으로 인한 비동기적 통신이 있기 때문에 가능하게 되었습니다.

SPA의 단점은?

• 초기 구동 속도가 상대적으로 느리고
• 데이터 요청을 통해 서버로부터 데이터를 응답받아 페이지를 동적으로 생성하기 때문에, SEO에 불리합니다.
• 브라우저 주소창의 URL이 변경되지 않아, 사용자 방문 기록을 관리할 수 없습니다.

SSR이란?

• 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 클라이언트에 보내, 사용자에게 페이지를 보여주는 방식입니다.
• 모두 로딩된 페이지를 사용자에게 바로 보여줄 수 있습니다.
• 페이지 구성 시간은 CSR에 비해 늦지만, 사용자에게 화면을 보여주는 시점은 빨라집니다.
• 서버에서 데이터를 모두 구성하여 보내주기 때문에, SEO에 효과적입니다.

SPA로 구성된 웹에서 SSR이 필요한 이유는?

• SPA의 단점인 검색엔진 최적화 이슈를 해결할 수 있습니다.
• SSR을 사용하면 FE와 BE영역을 완전히 분리해 생산성을 높일 수 있습니다.
• SEO를 통한 검색에서 상위 노출이 필요하고, 페이지마다 데이터를 자주 변경한다면 CSR의 효율이 떨어지므로 SSR 도입을 고민하는 것이 좋다고 생각합니다.