본문 바로가기

현인

검색하기
현인
프로필사진 현인(Hyeon In)

  • HI's Dev Log (70)
    • 기술 학습 (38)
      • JavaScript (12)
      • React (3)
      • ETC (2)
      • NextJS (8)
      • Apollo-Client (0)
      • GraphQL (6)
    • CS 학습 (6)
      • 네트워크 (1)
      • WEB (5)
    • 알고리즘 (15)
    • 개발 일기 (10)
Guestbook
Recent Posts
Recent Comments
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록next.js csr (1)

현인

[Next.js] SSR + CSR 사용 방법

Next.js는 기본적으로 서버 사이드 렌더링(SSR)을 지원한다. 하지만 개발을 하다 보면 간혹 클라이언트 사이드 렌더링(CSR)이 필요한 경우가 생긴다. Next.js는 이러한 경우에도 대처할 수 있도록 CSR 기능도 제공한다. 다시 말해, SSR + CSR 구조로 페이지가 만들어 질 수 있다는 뜻이다.사용 방법사용 방법은 간단한데, ‘use client’ 구문을 컴포넌트 구현 코드 최상단에 선언하면 된다. Next.js 서버에서는 해당 컴포넌트를 CSR 컴포넌트로 해석하여 서버에서 렌더링을 하지 않고 클라이언트로 렌더링을 넘긴다. 아래 코드를 보자.'use client' import { useState } from 'react' export default function Counter() { co..

기술 학습/NextJS 2025. 2. 3. 17:32
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바