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를 사용시 캐싱을 처리를 해줍니다.

+ Recent posts