<a>
- 매번 서버에 새로운 요청을 보내고, 완전히 새로운 HTML 문서를 가져온다.
- 기존 페이지의 상태(State)를 초기화하고, 새로운 페이지를 렌더링한다.
- 추가적인 서버 요청이 있기 때문에 성능 저하가 발생할 수 있다.
- 외부 라우팅에 사용한다.
<Link>
- Next.js에서 제공하는 컴포넌트로, 클라이언트 측에서 즉시 라우팅한다.
- 자바스크립트 상태(State)가 유지된다.
- 클라이언트 사이드에서 새로고침 없이, 필요한 데이터만 로드하여 속도가 빠르다.
- 내부 라우팅에 사용한다. (기본적으로 a태그로 인식)
- Pre-Fetching이 일어난다.