SSR 과 CSR (서버 사이드 렌더링/클라이언트 사이드 렌더링)

Next.js나 리액트를 배울 때, 서버 사이드 렌더링이랑 클라이언트 사이드 렌더링 이야기가 나온다. 간단하게 말하면 렌더링에서 차이가 나는 것인데,

서버 사이드 렌더링은 "서버"에서 미리 렌더링을 하고 클라이언트로 보내주는 것이고, 클라이언트 사이드 렌더링은 "클라이언트"에서 렌더링을 담당하는 것이다.

자세한 내용은 다음 글을 참고하자.

https://velog.io/@jhyun_k/%EC%84%9C%EB%B2%84%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81-vs-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8-%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81-SSR%EA%B3%BC-CSR

서버사이드렌더링 vs 클라이언트 사이드렌더링 (SSR과 CSR)

---

관련 영상

https://www.youtube.com/watch?v=5Cgnmpwruss&embeds_referring_euri=https%3A%2F%2Fnomadcoders.co%2F&embeds_referring_origin=https%3A%2F%2Fnomadcoders.co&source_ve_path=OTY3MTQ

---

https://youtu.be/jYJ3ygUfPrU?si=slDiRm5-LRI-pOpI

---