target blank 할 때 noreferrer과 noopener을 붙어줘야 하는데 어떠한 역할인지는 감이 안온다.
href를 통해 새창을 열었을 때 어떤 창에서 부터 넘어왔는지 정보가 전송된다고 한다.
referrer이 이전페이지를 뜻하고 opener은 누가 나를 열었는지를 뜻한다.
다른페이지에서 새창을 열었을 건데 referrer과 openenr이라는 정보 2개가 생기는데 그 둘을 없애주는 것이 noreferrer과 noopener이다.
referrer과 openner을 이용해서 보안에 위협되는 행동을 할 수 있다고 하는데 새창에 대한 정보를 noreferrer과 noopener를 통해서 없애준다. 그냥 a태그에서 href를 쓸때 꼭 붙여주자.
// AppLayout.js
<a href="https://kjh950601.tistory.com/" target="_blank" rel="noreferrer noopener">
<출처 조현영: [리뉴얼] React로 NodeBird SNS 만들기>
[리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의
리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., 새로 만나는 제로초의 리액트 노드버
www.inflearn.com
'React > NodeBird(ZeroCho)' 카테고리의 다른 글
| 회원가입 페이지 만들기(커스텀 훅) (0) | 2021.09.17 |
|---|---|
| 프로필 페이지 만들기 (0) | 2021.09.17 |
| 더미 데이터로 로그인 (0) | 2021.09.17 |
| 리렌더링 이해하기 (0) | 2021.09.17 |
| 로그인 폼 만들기 (0) | 2021.09.17 |