태그 - nextjs
17 분 소요
Next.js로 블로그 만들기 #4 댓글 (Server Actions)
글마다 댓글을 달 수 있게 합니다. Server Actions로 폼 제출과 검증을 처리하고, useActionState로 UX를 ...
17 분 소요
Next.js로 블로그 만들기 #3 태그와 검색
태그별 글 모음 페이지와 URL 쿼리 파라미터로 동작하는 검색 기능을 추가합니다. 동적 라우트의 두 가지 패턴(generateSt...
15 분 소요
Next.js로 블로그 만들기 #2 글 목록과 상세 페이지
Server Component에서 fs로 MDX 파일을 직접 읽고, 동적 라우트에서 본문을 컴파일해 화면에 그리는 핵심 흐름을 만...
19 분 소요
Next.js로 블로그 만들기 #1 시작과 설계
모던 리액트 시리즈에서 배운 Server Components와 Server Actions를 실전 프로젝트에 적용해봅니다. 첫 글은...
20 분 소요
모던 리액트 + Next.js #6 Server Actions와 폼 (마무리)
Server Actions로 폼 제출과 서버 데이터 변경을 단순하게 다루고, useActionState/useFormStatus로...
16 분 소요
모던 리액트 + Next.js #5 Suspense와 use()로 로딩 처리
준비된 부분부터 점진적으로 보여주는 streaming, Suspense 경계, loading.js, 그리고 새로 등장한 use()...
19 분 소요
모던 리액트 + Next.js #4 데이터 페칭과 캐싱
Server Component에서 async/await로 데이터를 직접 가져오는 패턴, 그리고 Next.js의 캐싱 동작과 재검증...
18 분 소요
모던 리액트 + Next.js #3 Server Components vs Client Components
두 종류의 컴포넌트가 어떻게 다르고, 'use client' 디렉티브로 어떻게 경계를 긋는지, 그리고 둘을 어떻게 섞어 쓰는지를 ...
13 분 소요
모던 리액트 + Next.js #2 Next.js 시작과 App Router
Next.js 프로젝트를 만들고 App Router의 파일 기반 라우팅, layout 시스템, 중첩 레이아웃을 손에 익혀봅니다.
16 분 소요
모던 리액트 + Next.js #1 왜 Next.js와 Server Components인가
클라이언트 사이드 리액트의 한계와 Server Components가 풀어내는 문제, CSR/SSR/RSC의 차이를 정리합니다.