✅ Client Side Navigate

브라우저에서 url을 직접쳐서 이동하는 것과 달리 JS 상에서 page 컴포넌트를 교체하는것.

✅ Link Component

Next.js에서 제공하는 링크기능
불필요한 렌더링을 막고, 바뀐 HTML만 다시 그려진다.
하지만 외부링크에 연결하는 경우에는 <a>태그 사용!

✔️ Link 컴포넌트의 장점

1. Code Splitting

Next.js는 Automatic Code Splitting을 제공하여 성능을 최적화 시킨다.

• 특정 페이지에 접근 할 때는 해당 페이지를 그릴때 필요한 chunk만 로드
• 페이지 이동을 할 때는 목적지에 필요한 chunk만 추가로드

2. Prefetching

Viewport에 Link컴포넌트가 노출되었을 때를 기점으로, href로 연결된 페이지를 로드함으로써 성능을 최적화 시킨다.