Next.js
1.NextJs #1 Intro
공식문서를 보면서 Next.js에 대해 좀 더 정확히 이해해보자.
2022년 4월 25일
2.NextJs #2 Link/Code-Splitting/Prefetching/Structure
Next.js에서 라우팅, Link태그, 코드 스플리팅, 프리패칭에 대해 알아보자.
2022년 4월 25일
3.NextJs #3 Assets / Metadata / CSS
정적자산 관리, Metadata는 어디에 삽입해야 하는지, modules css는 어떻게 import하는지 알아보자.
2022년 5월 5일
4.NextJs #4 pre-rendering / data-fetching
getStaticProps, getServerSideProps
2022년 5월 6일
5.Next.js + Storybook + Typescript 기본틀
Next.js + Typescript + Storybook 공부하기
2022년 5월 13일
6.Next.js #1
다시 정리해보기
2022년 5월 19일
7.Next.js #2
이번에는 useEffect를 이용해서 최초 페이지 진입 시 data를 받아오고 dynamic Route를 이용해서 상세 페이지를 간단하게 구현해본다.
2022년 5월 21일
8.Next.js #3
정적 생성과 서버사이드 렌더링에 대해 알아보자.
2022년 5월 21일
9.router.push와 Link
router.push, Link, a태그에 대해 좀 더 명확하게 구별해보자.
2022년 5월 22일
10.Next.js #4 에러 페이지, 환경에 따른 분기처리
404페이지와 500페이지를 만들어보자.
2022년 5월 22일
11.[노마드코더]Next.js #1 hydration
hydration이 무엇인가?
2022년 6월 4일
12.[노마드코더]Next.js #2 NavBar with Router
NavBar를 만들 때 useRouter를 이용하는 방법, styled-jsx, classnames를 사용하는 방법을 익혀보자.
2022년 6월 5일
13.[노마드코더]Next.js #3 redirects, rewrites(API 키 숨기기)
url 주소를 직접 바꿔주는 redirects와 url주소는 바꿔주지 않고 masking만 수행해주는 rewrites를 배워보자.
2022년 6월 5일
14.[노마드코더]Next.js #4 getServerSideProps, 이미 받아온 데이터를 query로 보내는 상세페이지 구현
getServerSideProps를 이용해서 백엔드단에서 pre-rendering을 하는 방법을 알아보고 메인 페이지에서 받아온 데이터를 상세 페이지로 보내는 방법을 알아본다.
2022년 6월 5일