Next

React Server Component는 기존의 Server Side Rendering의 한계를 극복하고 성능과 보안을 강화하기 위해 도입된 새로운 렌더링 방식입니다. 기존의 Server Side Rendering과 어떤 차이가 있는지 알아봅니다.

Next.js 프로젝트에 MSW를 적용해서 브라우저와 서버 환경에서 API 요청을 모킹하고, 테스트 효율성을 높이는 방법을 알아봅니다.

인터셉팅 라우트와 초기 렌더링으로 동작했을 때 각각 어떻게 레이아웃이 다른지 알아보았습니다.

Next.js 프로젝트에서 Mock Service Worker(MSW)를 활용해 API 요청을 모킹하는 방법에 대해 알아봅니다.

Next.js 에서 API 없이 클라이언트에서 서버 함수를 호출할 수 있는 서버액션에 대해서 알아봅니다.

Next.js 에서 인증을 직접 구현하는 대신, 더 쉽고 안전하게 처리할 수 있는 NextAuth.js의 원리와 사용법을 알아봅니다.

Next.js의 파일 기반 라우팅과 동적 라우팅을 다룹니다. 정적·동적 라우팅 방식과 Catch-All Routes, API Routes, 미들웨어 활용까지 알아보겠습니다.