[Next.js 14] 새 탭에서 링크 열기 [React]

<a> 태그에 target="_blank" 속성을 추가해준다.

<a href="https://google.com" rel="noopener noreferrer" target="_blank">Google</a>

 

<Link>도 마찬가지로 작성해주면 된다.

<Link href="https://google.com" rel="noopener noreferrer" target="_blank">Google</Link>

 

 

rel="noopener noreferrer" 속성에 관한 설명은 아래 링크가 잘 설명하고 있어 첨부한다.

링크에 noopener noreferrer 사용하는 이유

 

끗~