a태그 target="_blank"와 rel="noreferrer noopener"

  • a태그의 target="\_blank"옵션은 보안상의 취약점이 있기에 rel="noreferrer noopener"와 함께 사용한다. 
  • referrer(document.referrer)는 이전 페이지, opener(window.opener)는 새 페이지에 대한 정보. 이전 페이지와 새 페이지에 대한 정보를 없앤다. 
  • 즉 rel="noreferrer noopener"를 설정하여 새창을 누가 열었는지에 대한 정보를 지운다.

https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer

 

Document.referrer - Web APIs | MDN

The Document.referrer property returns the URI of the page that linked to this page.

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/API/Window/opener

 

Window.opener - Web API | MDN

Window 인터페이스의 opener 속성은 open() (en-US)을 사용해 현재 창을 열었던 창의 참조를 반환합니다.

developer.mozilla.org