링크 태그에서의 rel속성 'noopener', 'noreferrer'

얼마 전에 새로 배운 noopener와 noreferrer..

target="_blank"는 새 창으로 링크된 페이지가 열리는데 이 때 보안상 취약점이 생길 수 있다고한다. 이런 위험을 방지하기위해 사용하는 속성이다.

• noopener : 링크된 페이지에서 링크를 건 페이지(부모)를 참조할 수 없게되어 보안 취약점을 방지할 수 있다.
• noreferre : 링크를 클릭할 때 링크를 건 페이지(부모)의 정보를 HTTP 리퍼러 헤더가 전송되지 않는다. 사용자의 개인정보를 보호할 수 있고 어떤 사이트로부터 연결되었는지 감출 수 있다.

<a href="/url" target="_blank" rel="noopener noreferrer">새 창 열기</a>