오늘 배운 것 🌱
- Next.js 공부
흥미로운/어려웠던 내용 🧐
- next.js의 핵심 키워드
pre-render:- Hydration 이전 data-fetching까지 완료된 html 파일을 내려준다는 개념
- UX와 SEO의 효과를 높일 수 있다.
SSR- next에서 제공하는 pre-rendering의 1가지 방식
- ”각각의 요청이 왔을 때” html을 pre-render 하여 내려주는 방식
- 각 요청이 왔을 때, data fetch 한다.
SSG- next에서 제공하는 pre-rendering의 1가지 방식,
- “빌드 시”에 html 파일을 미리 만들어두는 것
- 즉 build 때 1번 data fetch 한다.
SEO: 완성된 html로 검색엔진에 올바르게 탐색 됨when: 동적인 변화가 크지 않고,
느낀점 😎
- 이제야 온전히 SSR, Next.js 이해했다는 느낌을 받았다.
참고
- next.js 공식문서
- next.js 너무 잘 설명해준 blog
