페이지 이동은 Client Side Rendering 방식으로 Page Router와 동일한 방식입니다.
하지만 프리페칭(이동할 페이지의 데이터를 미리 불러오는 기능)에서 차이가 있습니다!

App Router 프리페칭

위의 이미지와 같이 JS Bundle, RSC Payload를 따로 가져옵니다.
Page Router에서는 모든 코드가 포함된 JS Bundle을 가져오는 반면,
App Router에서는 JS Bundle과 RSC Payload를 따로 가져옵니다.

App Router는 build 시 Static Page, Dynamic Page 2가지 페이지로 나누어 빌드를 진행합니다.

Static Page VS Dynamic Page

Static Page는 말그대로 정적인 페이지로 JS Bundle과 RSC Payload를 가져오고,
Dynamic Page는 동적 페이지로 RSC Payload만 가져오고, 변수가 정해지면 그 때 JS Bundle을 가져옵니다.
Static Page는 데이터 업데이트가 추가로 필요하지 않기에 전부 가져오지만,
Dynamic Page는 데이터의 업데이트가 향후 필요할 수 있기에 페이지 이동이 이루어진 이후(변수가 정해진 후) JS Bundle을 가져옵니다.