개발새발 로그

[리액트 오류] eslint(react/jsx-no-target-blank) 본문

React

[리액트 오류] eslint(react/jsx-no-target-blank)

이즈흐 2023. 9. 24. 16:26

Vite를 이용해서 React를 설치하고 App.jsx파일에 들어갔는데 아래와 같은 오류가 떴다.

 

이 오류는target="_blank" 에서 생기는 오류이다. 

이 코드를 사용하려면 꼭 같이 써야하는 코드가 있다

 

바로 rel="noreferrer" 이다. (다른 속성도 가능하다.)

 

이 속성은 아래 링크에서 자세히알아보자

https://3rabbitz.com/blog_ko/08d34c69855fbcad

 

쓰리래빗츠 블로그

 

3rabbitz.com

https://dirask.com/posts/HTML-open-link-in-new-tab-j4Z4dD

 

HTML - open link in new tab

In this article, we would like to show you how in a safe way create a link that is opened after a click in a new tab. Quick solution: Note (in 2021): when we us...

dirask.com

 

- 쉽게 말해서 href 속성으로 설정한 페이지가 어떤 관계인지를 선언하는 것이다.

 

 

코드를 추가하면 아래와 같이 해결된다.

728x90
반응형
LIST