noopener (1) 썸네일형 리스트형 a태그의 target="_blank"와 rel="noopener noreferrer" 코드 작성하다가 발견한 rel="noopener noreferrer"에 대해서 정리해봅니다. target="_blank"을 사용하는 경우 보안상 취약점이 발견되서 피싱 공격을 피하기 위해 사용한다고 하는데, 아래에 쭉 정리해 두었습니다 : ) 1. target="_blank" a태그 , react나 vue에서 Link나 router-link로 사용하는 경우, 이동할 주소나 화면을 새창으로 열어주는 기능을 한다. 참고로, 웹 접근성을 위해 target="_blank"을 사용하는 경우 title="새창으로 열기" 등으로 새창으로 열린다는 부분을 추가해 주는것이 좋다고 한다. 2. Tabnabbing 피싱 공격 위의 코드를 사용해 A라는 메인 페이지에서 B라는 새로운 페이지를 열었을때, 서브 페이지인 B에서 .. 이전 1 다음