rel="noreferrer noopener"

서론

<a href="www.naver.com" target="_blank">네이버</a>

이 코드는 우리가 잘 아는 a태그 코드이다.
여기에 간단한 단어를 써주면 내 사이트의 보안성을 올릴 수 있다.

코드

<a href="www.naver.com" target="_blank" rel="noreferrer noopener">네이버</a>

• noreferrer: 이 값은 웹 브라우저가 링크를 클릭할 때 Referrer 정보(이전 페이지 URL)를 전달하지 않도록 하는 역할을 합니다. 이것은 사용자의 개인 정보를 보호하기 위해 사용될 수 있습니다. 예를 들어, 사용자가 외부 사이트로 이동할 때 이전 페이지의 주소가 전달되지 않으므로 사용자의 브라우징 히스토리를 보호할 수 있습니다.

• noopener: 이 값은 링크가 새 창이나 탭에서 열리는 경우, 새로 열린 창이 부모 창을 조작할 수 없도록 방지합니다. 이것은 자바스크립트를 사용하여 창을 열 때 다른 사이트를 부모로 하는 창이 부모 창을 조작하는 것을 방지하여 보안 상의 이점을 제공합니다.

정리

• 새로운 창을 띄울 때 기존 창의 정보를 전달할 수 있는데 이것은 보안상 위험할 수 있기 때문에
  새 창을 띄울 때 이전 창의 정보를 차단해 주는 코드이다.

• rel="noreferrer noopener" 이것만 작성 했을 뿐인데 내 사이트에 보안을 추가했다. 앞으로도 많이 쓰자.