[a tag 관련 error] target='_blank'

포트폴리오 제작 중, 너무나도 자연스럽고 무의식적으로 a 태그를 사용하다가

노란색 에러 친구를 만났다.

 

 

응? 잠깐... 너무 기본적이고 익숙한 태그를 작성한거 같은데... ? 나 뭐 잘못 썼나 ?

 

 

당황하다가 친절한 에러를 보고 구글링을 시작했다.

rel="noopener" .... ?

 

stackoverflow에서도 많은 사람들이 왜 rel 없이 사용 할 수 없는지 궁금해하고 있었다.

 

공부한 결과.

tartget="_blank"로 새 탭에서 링크된 페이지를 열게 할 경우,

보안상 취약하다고 한다.

 

새로운 탭으로 전환되는 동안 기존 페이지가 피싱사이트로 바꾸어 버리는 나쁜 범죄가 있다고한다.

이것을 reverse tabnapping 이라고 한단다..

 

이때 rel="noopener noreferrer"이 이것을 막아준다고 한다.

 

앞으로 새창으로 링크를 걸 때는 꼭 !! rel="noopener noreferrer"를 잊지말자.

 

참고 사이트

https://stackoverflow.com/questions/50709625/link-with-target-blank-and-rel-noopener-noreferrer-still-vulnerable

Link with target="_blank" and rel="noopener noreferrer" still vulnerable?

https://zinee-world.tistory.com/522

[HTML] rel="noopener noreferrer"로 새 창으로 열기 보안 취약점 보완하기