새탭에서 url open하는 경우, 보안 및 최적화 를 위한 attribute 추가하는 방법

zooyaho·2022년 8월 1일
0
post-thumbnail

💡 rel="noopener noreferrer"

<a href="https://www.naver.com/" target="_blank" rel="noopener noreferrer">NAVER</a>

● target="_blank"의 문제점

  1. 보안상 취약점이 생긴다.
    해결 : rel속성에 noopener 지정한다.
  2. 퍼포먼스가 떨어질 수 있다.
    해결 : rel속성에 noreferrer 지정한다.

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

profile
즐겁게 개발하자 쥬야호👻

0개의 댓글