웹사이트

    HTML a 태그의 링크에 noopener noreferrer를 사용하는 이유

    HTML a 태그의 링크에 noopener noreferrer를 사용하는 이유

    HTML a 태그의 링크에 noopener noreferrer를 사용하는 이유 안녕하세요 개발하며 달리는 쿼카입니다. 프론트엔드 개발을 하게되면 a 태그를 이용한 링크에 rel="noopener noreferrer" 같은 값을 주도록 가이드하는데요 각각의 역할은 무엇이고 왜 작성을 해야하는건지 알아봅시다. 우리는 HTML 코드에서 링크를 생성하고자 할 때 a 요소를 사용합니다. 그리고 a 요소의 href 속성에 명시된 웹 페이지(URL)을 새탭에서 열게 할 경우에는 target="_blank"라는 속성을 추가합니다. 그런데 여기에서 target="_blank"만 사용하면 보안상 취약점이 생기고 퍼포먼스가 떨어질 수 있다고 합니다! target 속성의 값 그 전에 target 속성에 어떤 값들을 지정할 수..