CSR(Client Side Rendering) VS SSR (Server Side Rendering)
CSR
![](https://velog.velcdn.com/images/sjin/post/20cc6f3a-3ddc-4a29-8931-e52db98755e9/image.png)
- 사용자의 컴퓨터에서 응답받은 HTML, CSS, JS 등의 파일들을 Rendering 해서 사용할 수 있다.
![](https://velog.velcdn.com/images/sjin/post/3cd858cd-0d2b-429c-8e09-0d388687dd3f/image.png)
/about
이라는 새로운 페이지에 접근한다 보면 새로운 소스를 받아오는 것이 아니다. 별도의 통신을 하는 것이 아니다. 단일 페이지로 출력해서 관리하는 것이기 때문! - SPA
SSR
![](https://velog.velcdn.com/images/sjin/post/52d5e626-a49f-470e-9a22-f50a70006115/image.png)
서버에서 사용자에게 보여줄 페이지를 서버에서 렌더링해서 보내준다. 단순히 응답시 페이지를 전송만 해줄 수 있다.
The Open Graph protocol
- 웹 페이지의 메타 데이터를 사용해 페이지 콘텐츠 표시를 표준화하기 위한 페이스북에서 만든 인터넷 프로토콜