[NEXT] next/link <Link> 새 탭에서 열기

Next.js 로 프로젝트 개발 중에 일반적으로 <a> 태그 대신에 <Link> 를 사용하곤 합니다.

<Link> 태그 사용 시 기존에는 현재 탭에서 새로운 탭으로 이동했는데, 저는 새로운 탭에서 열게 만들고 싶었습니다. 

현재 Next 13 이상 버전으로 개발 중이므로, 이를 기준으로 코드를 작성하려고 합니다.

Next 13 Version 이상

import Link from 'next/link';

function MyLinkComponent() {
  return (
    <div>
         <Link href="원하는 링크" target="_blank">
         	 click!
        </Link>
    </div>
  );
}

export default MyLinkComponent;

 

기존 사용코드에서 target="_blank" 만 추가해주면 됩니다.