개발/Next.js2 SSR, CSR, SSG, ISR 특징 및 Next.js 적용 방법 목차1. SSR (Server-Side Rendering)2. CSR (Client-Side Rendering)3. SSG (Static Site Generation)4. ISR(Incremental Static Regeneration)5. Next.js의 적용 방법 SSR, CSR, SSG, ISR은 웹 애플리케이션에서 페이지를 렌더링 하고 사용자에게 콘텐츠를 전달하는 다양한 방법을 설명하는 개념이다.각 방식들은 데이터 로딩 및 렌더링 타이밍에 따라 웹 애플리케이션의 성능과 사용자 경험에 큰 영향을 미친다. 1. SSR (Server-Side Rendering)SSR은 서버 사이드 렌더링을 의미한다.사용자가 페이지를 요청하면, 서버가 요청된 페이지의 HTML을 생성하고, 완성된 HTML을 클라이언트에게.. 2024. 8. 7. 00:38 [Next.js] Next.js 시작하기 (1) 이번 포스팅에서는 Next.js가 나오게 된 배경, Next.js의 주요 기능, Next.js에 설치 및 실행 방법을 알아보도록 하자. 차차 사용방법을 이어서 포스팅하겠다. Next.js는 어떻게 나오게 되었나. React를 사용하다 보면 SPA(SinglePageApplication) 방식이다 보니 클라이언트 사이드 렌더링(Client-Side-Rendering)이 일어난다. 또한 맨 처음 자바스크립트 코드를 로드하기 때문에 화면이 사용자에게 보이기까지의 시간이 오래 걸린다. 클라이언트 사이드 렌더링의 자세한 내용은 이 포스팅에 정리되어있다. 2022.10.02 - [개발/개발지식] - 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR) 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(.. 2022. 10. 12. 00:10 이전 1 다음 728x90
