코린이의 개발 일지

Next.js란? 서버사이드 렌더링, 정적 웹 페이지 생성 등 리액트 기반 웹 애플리케이션 기능들을 가능하게 하는 Node.js위에서 빌드된 오픈소스 웹 개발 프레임워크 SSR을 이해해보자 우선 SSR을 이해해보자 SSR이란? 서버에서 사용자에게 보여줄 페이지를 모두 미리 구성한 뒤 페이지를 렌더링 하는 방식 SSR과 CSR의 차이점 리액트는 CSR 기반이고 Next는 SSR 기반이라는건 알겠는데, 그럼 정확히 동작이 어떤식으로 흘러간다는 걸까? 아래의 그림을 보면 좀 더 명확히 이해가 가능하다. 가장 주요한 차이점은 SSR의 경우 브라우저에 대한 서버의 응답이 렌더링할 준비가 된 페이지이고, CSR은 자바스크립트만 연결된 거의 빈 페이지를 응답으로 받는다. 즉 SSR은 자바스크립트가 다운로드되고 실행될..