렌더링 : 요청해서 받은 내용을 화면에 표시하는 것.
1. 서버사이드 렌더링
페이지를 이동할 때 마다 새로운 페이지를 요청한다. 서버 연산을 통해 렌더링하고 완성된 페이지 형태로 응답
장점 :
- 검색엔진최적화(SEO)가 가능하다
* 검색엔진 최적화란? 검색 사이트에서 검색했을 때 결과가 사용자에게 많이 노출될 수 있도록 최적화하는 기법
- OG Tag를 페이지별로 적용하기 위해서는 서버 사이드 렌더링이 효과적임.
*OG(오픈 그래프) : SNS를 통해 사이트가 공유될 때, 사이트에 대한 메타정보를 보여주기 위한 태그.
만약 메타태그를 지정하지 않을 경우 직접 크롤링하여 표시하게 된다.
2. 클라이언트 사이드 렌더링
서버에서 받은 데이터로 브라우저가 렌더링을 처리한다.
장점 :
- 빠른 인터렉션을 구현할 수 있다.(서버 트래픽 감소가능)