SPA랑 비교해서, SSR의 특징들을 이야기해주세요

[klmhyeonwoo]

SPA랑 비교해서, SSR의 특징들을 이야기해주세요

@prgmr99, @klmhyeonwoo

[klmhyeonwoo]

SPA와 다르게 SSR은 아래 특징들을 가지고 있다.

• 클라이언트가 빈 HTML을 받아 JS로 화면을 그리는 CSR 방식과는 달리, 서버에서 HTML 틀을 만든 상태로 서빙해주기 때문에 초기 로드 속도가 빠릅니다.
• SEO에 강력합니다, 개발자 도구를 보면 CSR의 경우 렌더링을 요하는
  태그 하나만 존재를 하지만, SSR 방식의 경우 해당 페이지의 모든 태그가 존재하는 것을 확인할 수 있습니다.

[prgmr99]

SPA는 Client Side Rendering 방식으로 렌더링을 하며, 클라이언트 사이드에서 HTML, CSS, JavaScript를 한 번만 불러오고, 그 후에는 데이터를 받아올 때만 서버와 통신을 합니다.

Server Side Rendering은 HTML파일을 서버가 이미 가지고 있는 상태에서 클라이언트는 렌더링을 시작하므로 초기 로딩이 빠르다는 장점이 있습니다. 또한 JavaScript를 실행시키지 않는 검색 로봇이 페이지를 크롤링하기에 적합하여 SEO에도 장점을 갖습니다.

다만, SPA 방식과 달리, 서버 사이드 렌더링이 적용된 페이지를 접근할 때마다 HTML 파일을 매번 요청하기 때문에 페이지 이동시 화면이 깜빡일 수가 있고, 서버에 부하를 줄 수도 있어서 성능과 UX적인 측면에서 SPA에 비해 떨어지는 부분도 존재합니다.

[klmhyeonwoo]

Good 막힘없구만~

[prgmr99]

ㅎㅎ 형 근데 이거 오늘 질문이지요??
어제 올라왔길래.. 설마 어제 질문이었나용?

[klmhyeonwoo]

어제 질문이었습니다 ㅎㅎ.. 나는 매일 올리고있어!

[prgmr99]

앗 토요일부터 시작이었구나..!! omg 알겠슴다!