SSR (서버 사이드 랜더링)

1. 동작원리

• 클라이언트가 URL 을 요청합니다.

• 서버는 URL 에 해당하는 API 를 실행하여 데이터를 가져옵니다.

• 서버는 데이터를 사용하여 HTML 을 만들어냅니다.

• 서버는 html 을 클라이언트로 전송합니다.

• 브라우저는 전달받은 html 을 브라우저에 표시합니다.

2. 장점

• 초기 로딩 속도가 빠릅니다. 페이지에 필요한 html, css, javascipt 파일을 모두 다운받는게 아니라, 서버에서 보내준 html 만 표현해주면 되기에 첫 페이지가 빨리 뜹니다.

• 검색 엔진 최적화에 유리합니다. 서버가 html 을 보내줄 때, 페이지의 데이터도 모두 포함된 html 을 보내줍니다. 검색 엔진이 페이지를 검색할 때, html 파일 내에 내용들이 모두 담겨 있으므로 읽어내기 쉽습니다.

• 보안에 유리합니다. 서버 측에서 스크립트를 실행하므로 브라우저에서 스크립트를 실행하는 것에 비해서 데이터에 접근하기가 어렵습니다.

3. 단점

• 서버의 부담이 많습니다. 서버에서 html 을 만들어내서 전달하기 때문입니다.

• 페이지 내용이 바뀔 때마다 클라이언트가 서버로 새로운 데이터 및 html 랜더링을 요청하므로 페이지가 깜빡거리거나 내용이 바뀌는 전환 속도가 느릴 수 있습니다.