
[Next.js] Next.js 14 Rendering 및 서버 실전 압축 정리
·
ETC
RenderingSSR(Server-Side Rendering): 매 요청마다 페이지를 서버에서 렌더링하여 클라이언트에 전송하는 방식특징요청 시마다 페이지가 서버에서 생성데이터를 동적으로 가져오기에 페이지는 최신 데이터를 반영유저별 동적 데이터 처리에 적합장점SEO에 유리최신 데이터 보장단점초기 로딩 시간 존재 -> Suspense를 사용하자많은 요청이 들어오면 서버 부하 발생적합한 사용처최신 데이터를 항상 보여줘야하는 페이지CSR(Client-Side Rendering): 브라우저가 초기 HTML, CSS, JavaScript 파일을 서버로부터 받아온 후, JavaScript를 통해 클라이언트(브라우저)에서 페이지를 렌더링하는 방식특징서버는 초기 HTML과 함께 JavaScript 파일을 제공하며, 이..