SSR

Next.js: React 애플리케이션을 빠르고 쉽게 만드는 프레임워크 Next.js는 React 애플리케이션을 쉽게 만들기 위한 프레임워크입니다. React는 프론트엔드 개발을 위한 자바스크립트 라이브러리이며, Next.js는 React를 기반으로 한 서버사이드 렌더링(SSR), 정적 사이트 생성(SSG), 코드 스플리팅 등을 지원하는 프레임워크입니다. 이 글에서는 Next.js의 주요 기능과 이점, 사용 사례, 그리고 시작하는 방법 등을 살펴보겠습니다. 주요 기능 서버사이드 렌더링(SSR) [Server-Side-Rendering] Next.js는 서버사이드 렌더링을 지원합니다. 이는 사용자가 페이지를 요청할 때마다 서버에서 HTML을 생성하고, 이를 사용자에게 보여주는 방식입니다. 이를 통해 초기 ..

CSR(Client-Side Rendering) CSR은 클라이언트 사이드에서 렌더링하는 방식을 말합니다. 기존에는 서버에서 데이터를 받아와서 HTML 코드를 완성하고 전달해주는 방식이었습니다. 그러나 CSR 방식에서는 서버는 빈 HTML 코드를 전달하고, 클라이언트에서 JavaScript를 이용하여 페이지를 완성합니다. CSR 방식의 장점은 다음과 같습니다. 사용자 인터랙션에 대한 응답이 빠릅니다. 서버에서는 데이터만 전달하면 되므로 서버 부담이 덜합니다. 그러나 CSR 방식은 몇 가지 단점도 있습니다. 초기 로딩 후 데이터를 받아와야 하기 때문에 초기 로딩 이후에는 다소 느릴 수 있습니다. 검색 엔진 최적화(SEO)가 어렵습니다. SSR(Server-Side Rendering) SSR은 서버에서 페이..