목표 : 푸터에 페이스북,인스타,깃허브 링크 새 탭으로 열게 해주세요

• 공식문서에 따르면 외부 페이지에 링크가 필요하다면, 'Link' 없이 <a> 태그만 사용하십시오. 라고 명시되어 있다.

수정 전,

<Link href='https://www.facebook.com/likelionatmju/'>
	<a>
		<SnsImage
		 src='/images/~.svg'
		 alt='이미지 설명'
		/>
  </a>
</Link>

수정 후,

<a
  target='_blank'
  href='https://www.facebook.com/likelionatmju/'
  rel='noreferrer'
>
  <SnsImage
    src='/images/~.svg'
    alt=''이미지 설명'
  />
</a>

target 속성

_self ) 현재 브라우징에서 연다
_blank ) 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있다.
_parent ) 상위(부모) 창에서 여는데, 상위가 없다면 _self처럼 된다.
_top ) 가장 상위 창에서 연다
frame name ) 지정된 프레임 안에 연다ame ) 지정된 프레임 안에 연다

rel

rel 속성은 요소에 반드시 명시되어야 하는 필수 속성이다.

내가 하려고 했던 새 창에 띄우기는 보안의 취약성이 우려된다.
따라서, MDN에서도
target을 사용할 때, rel="noreferrer"를 추가해 window.opener의 악의적인 사용을 방지하는걸 고려하라고 한다.