Next란
- React 위에서 돌아가는 프레임 워크입니다.
- React는 화면만 그리는 라이브러리 라고 한다면, Next에서는 데이터, 라우팅, 캐싱, 스타일링, 최적화, 배포
다양한 기능을 Next라는 프레임워크 하나로 만들 수 있습니다.
- 백엔드 서버가 없을때 Next 하나만으로 서버를 실행할 수는 있습니다 (권장하지 않음)
Pages Router 와 App Router의 차이
- App Router는 디렉토리 관련 변경사항이 많아졌습니다. (추후정리)
- Pages Router 는 레이아웃 기능이 없어서 아쉬웠지만 App Router는 레이아웃 기능이 있습니다.
- App Router 는 미들웨어로 페이지별 권한 체크가 가능해졌습니다.
- React18을 사용하며, 서버 컴포넌트를 사용합니다.
- Pages Router에서는 직접 캐싱을 구현해야 했지만, App Router를 사용시 캐싱처리를 해줍니다. (추후 정리)
서버 컴포넌트
- Next 서버에서 리엑트를 미리 랜더링해서 완성된 컴포넌트가 넘어옵니다
그에 따라 js용량 등도 줄어들어 여러모로 이점이 많은 기능입니다.
- 사용자의 브라우저에서 하던 일을 Next 서버에서 혼자 다 처리해 서버의 부담이 늘어남
- Pages Router에서는 직접 캐싱을 구현해야 했지만, App Router를 사용시 캐싱을 처리를 해줍니다.
'React > React Framework' 카테고리의 다른 글
[Next js] 엑티브 링크와useSelectedLayoutSegment (1) | 2024.01.30 |
---|---|
[Next.js] 태그 (0) | 2024.01.20 |
[Next.js] router와 slug + 기본경로설정 (1) | 2023.09.07 |
[Next.js] Images에 대해서 (1) | 2023.09.07 |
[Next.js] 공통 레이아웃과 _app.js (0) | 2023.09.06 |