Next.js Link는 내부 라우트 이동을 빠르게 만들고 a는 브라우저 기본 링크를 맡는다
둘 다 최종적으로 링크처럼 보이지만, 앱 내부 이동에서 Link는 새로고침을 줄이고 대상 페이지를 미리 준비할 수 있다.
| 비교 항목 | Link | a 태그 | 선택 기준 |
|---|---|---|---|
| 대상 | 앱 내부 라우트 | 외부 URL, 다운로드, 메일 | 내부 경로면 Link 우선 |
| 렌더링 | 자체가 a 요소로 렌더링 | 브라우저 기본 a | Link 안에 a를 중첩하지 않음 |
| 이동 방식 | 클라이언트 사이드 탐색 | 전체 문서 이동 가능 | 내부 이동은 깜빡임을 줄임 |
| 프리페치 | 뷰포트에 보이면 준비 가능 | 없음 | 많은 링크는 prefetch 조절 |
| SEO | a 기반 링크로 크롤링 가능 | 표준 링크 | 의미 있는 href 유지 |