[개발지식] Client Side Rendering & Server Side Rendering 차이점에 대해서 아시나요?

😶 CSR vs SSR 보통 사람들이 리액트는 CSR이라서 SEO에 안좋다. Next.Js는 SSR을 지원해주기 때문에 SEO에 좋다. 등등과 같은 얘기들을 하면서 CSR과 SSR에 대해 말합니다. 저도 얼핏 대충 알기만 하지, 자세하게 모르기 때문에 이번 기회에 정리를 해보려고 합니다. 📌 CSR (Client Side Rendering) 클라이언트 사이드 렌더링, 말 그대로 클라이언트 측에서 렌더링을 진행한다는 것입니다. 브라우저 측에서 JS를 다운받고, 리액트를 실행시킵니다. 모든 로직과 데이터 가져오기, 템플릿, 라우팅과 같은 것들은 서버가 아닌 클라이언트에서 처리가 됩니다. 완전히 실행이 다 되면 사용자는 화면을 볼 수 있고 작동을 시킬 수 있습니다. FCP: First Paint - 픽셀이 처..

→2022.01.19