Router의 변화
13v, 14v 차이점은 router 변화가 있다.
13v에서 Pages Router 만 존재했다면
14v에서는 Pages Router 외에 App Router가 추가됐다.
🔍 그럼 왜 App Router가 추가됐을까?
기존 Pages Router에는 부족한 점들이 많았다.
Pages Router의 구조상의 문제점을 보안하기 위해 App Router가 등장했다.
23년 12월 기준
하지만, App Router의 기능은 완벽하지 않기 때문에 버그가 있을 수 있지만 일단, 해당 기능은 공부 목적으로 사용하기 때문에 App Router 위주로 블로그를 작성하려고 한다.
Pages Router vs App Router 어떤 차이점이 있을까?
- Layout 기능 추가
- page 별 권한 체크 할 때, 미들웨어를 추가됨으로써 편리하게 권한 분기를 할 수 있도록 변경
- React 18 을 사용, 따라서 React Server Component 추가
* next server에서 미리 렌더링해 client(browser)로 완성된 HTML을 미리 보내준다.- 따라서, HTML 로딩시간 대폭 감소, 완성된 HTML을 받기 때문에 js 용량이 줄어든다.
🧐 Client에서 담당하던 부분을 Next Server가 담당하게 되면 부담이 클 수 있지 않을까?
이 부분을 해결하기 위해 server caching을 적극적으로 활용한다고 한다.
기존 Pages Router에서 이런 부분은 스스로 구현해야 했지만, App Router 에서는 이 상황을 대신 처리한다.
