Next.js - Page Router
1.[Next.js] Next.js 시작하기
Next.js가 무엇인지 알아보고 프로젝트를 생성하고 실행해보자.
2023년 9월 24일
2.[Next.js] Next.js 렌더링 전략
Next.js 에서는 페이지별로 렌더링 방법을 전환할 수 있으며, 4가지 렌더링 방법을 사용할 수 있다. Next.js의 렌더링 전략에 대해 알아보자.
2023년 10월 11일
3.[Next.js] 페이지 렌더링 방법
Next.js의 페이지 렌더링 방법에 대해 알아보자.
2023년 10월 14일
4.[Next.js] 페이지 이동하기 (+ 데이터 전달)
Next.js 에서 페이지 이동하는 방법과, 페이지간 데이터를 전달하는 방법에 대해 알아보자.
2023년 10월 15일
5.[Next.js] 이미지 표시하기
Next.js의 Image 태그를 통한 이미지 최적화 방법을 알아보자.
2023년 10월 15일
6.[Next.js] API 라우터
Next.js의 API 라우터를 사용하는 방법에 대해 알아보자.
2023년 10월 20일
7.[React/Next.js] Axios 모듈화
Next.js에서 axios 요청을 해보고, 모듈화도 해보자!
2023년 10월 22일
8.[React/Next.js] StoryBook 으로 컴포넌트 관리하기 (with TypeScript, Tailwind CSS)
StoryBook을 활용하여 컴포넌트를 관리하는 방법에 대해 알아보자!
2023년 10월 22일
9.[Next.js] Google 폰트 적용하기
Next.js는 13 버전부터 폰트 최적화를 지원하며, 별도의 다운로드 없이 최적화된 구글 폰트를 프로젝트에 적용할 수 있다. 폰트 적용법에 대해 알아보자.
2023년 10월 29일
10.[Next.js] React-Query 사용하기 (with SSR/SSG)
Next.js 에서 React-query를 사용하여 데이터를 prefetch 하고 사용하는 법에 대해 알아보자.
2023년 10월 31일
11.[Next.js] middleware를 활용하여 페이지 리다이렉션 적용하기
Next.js의 Middleware와 Middleware를 활용하여 페이지 접근 권한을 설정하는 방법에 대해 알아보자.
2023년 11월 23일