CSR
-
Next.js 와의 첫 만남 (CSR vs SSR)Nextjs 2021. 9. 26. 22:15
회사에서 React Native 앱 개발을 주력으로 하고 있는데, 어느날은 Next.js로 구현된 홈페이지 리뉴얼 일감이 주어졌다. Next.js 라 하면 보통 SSR을 쉽게 구현할 수 있는 자바스크립트 프레임워크라는 설명이 따라온다. 당시 CSR과 SSR이 무엇인지도 모르는 채여서 한참 이런저런 설명을 찾았었다. CSR(Client Side Rendering) 과 SSR(Server Side Rendering)이란? 이름에서도 알 수 있지만, 결국 어디에서 화면을 랜더링 해주느냐의 방식 차이다. 우리가 보는 화면은 기본적인 html 틀과, 그 안에 들어갈 다양한 데이터들이 합쳐져서 완성된다. 첫 화면을 만드는데 필요한 내용을 서버에서 받아온 뒤, 클라이언트쪽에서 조합 후 보여주면 CSR, 서버에서 이미..