<a> 심화편 noopener noreferrer

https://mathiasbynens.github.io/rel-noopener/#recommendations

About rel=noopener

 

 

 

 

 

rel="noopener noreferrer"를 사용하는 주요 이유는 보안과 개인정보 보호 때문입니다. 다음은 이 속성을 적용해야 하는 이유입니다:

window.opener 보안 문제 방지: target="_blank"로 링크를 열 때 새 탭이 원본 페이지의 window.opener 속성에 접근할 수 있습니다. 이는 악의적인 페이지가 원본 페이지를 조작할 수 있는 위험을 초래합니다. rel="noopener"를 사용하면 window.opener가 null로 설정되어 이러한 보안 문제를 방지할 수 있습니다.
개인정보 보호: rel="noreferrer"는 링크를 통해 전달되는 참조자 정보(referrer)를 없앴습니다. 이는 방문자가 어디에서 왔는지에 대한 정보가 대상 사이트로 전달되지 않도록 합니다. 이를 통해 사용자의 개인정보를 보다 잘 보호할 수 있습니다.
이 속성들을 추가함으로써 웹사이트의 보안성과 사용자 개인정보 보호 수준을 높일 수 있습니다. 이러한 관행은 웹 개발에서 특히 중요한 보안 모범 사례로 권장됩니다.

 

 

한번에 처리하는 방법

 

https://joshua-dev-story.blogspot.com/2020/12/html-rel-noopener-noreferrer.html

링크에 noopener noreferrer 사용하는 이유