728x90
반응형
▶ 개발자가 리액트 자체에만 집중할 수 있게 도와주는 프레임워크
1. Next.js 흐름
MPA : 새로고침 + 깜빡거림 의 개선 => (개선) SPA
SPA : 초기 로딩 속도 시간이 걸림 => (개선) 코드 분할: 필요한 곳에서만 로딩 : seo가 좋지 않음
=> SSR : 서버에서 미리 랜더링 + 관련 html 랜더링 (런타임/빌드타임)
2. 랜더링
(1) JS 를 이용해서 HTML을 만드는 행위
(2) Pre-rendering
- SSG : 빌드할 때 랜더링되는 경우
- SSR : 런타임에 랜더링되는 경
* Page Router ( 기존에 사용했음)
* App Router (최근에 나옴)
*공식 문서
반응형
'Next.js' 카테고리의 다른 글
Next.js : backend (Json-server) | Server Component (0) | 2023.12.20 |
---|---|
Next.js : Single Page Application & 이미지 추가 & CSS (0) | 2023.12.19 |
Next.js : Web tutorial 뼈대 + 라우팅 + 다이나믹 라우팅 (0) | 2023.12.19 |
Next.js - 배포 (1) | 2023.12.19 |
Next.js 13 : 설치와 실행 (0) | 2023.12.19 |