[NEXT.js] 5. Link 컴포넌트 사용 이슈 ( new- link )

 

<Link>

  1. 정의 & 특성

 

  2. Nextjs 13 버전 업데이트 후 사용법

---

상세

  1. 정의 & 특성

기존의 <Link> 태그는 하위에 <a> 태그를 포함해서 작성해야 했습니다.

그러나, Nextjs 13 버전으로의 업데이트 이후 <a> 태그를 사용하지 않아도 되는 것으로 변경 됐습니다.

 

next/link : <a> 태그 없이 사용 가능

 

# 기존방식
<Link>
  <a id="link">
    Home
  <a>
</Link> 

# --------------------------

# 변화된 방식
<Link>
  Home
</Link>.

 

---

 

  2. Nextjs 13 버전 업데이트 후 사용법

 

npx @next/codemod new-link .

 

- codemod 를 실행해 new-link를 설치하고, 업데이트 된. 버전의 nextjs13 Link 태그를 사용하게 된다.

 

next/link