# referrer
TIL_0601
리액트로 mbti게임을 만들었다 (하이브리드 웹/앱) 기획&설계팀의 부족함으로 브라우저 back버튼 설계와 개발할 때 back버튼의 history가 다른 이슈가 발생하여 꽤나 번거로운 수정작업을 진행했었다. 그 와중에 mbti게임 부분의 back 관련 이슈를 내가 수정하게되었다. 어느정도 담당하고 있기도 했었으니! params로 url도 분리하고 시작화면, 실제 게임 진행화면, 결과 화면 등등 문제없이 되는 듯 하였으나 back관련하여 해결되지 않는 문제가 있었고 끝끝내 해결할 방안으로 document.referrer를 선택! 간단했다. 1. 직전주소를 가져와서 state에 보관 꼭 document.referrer이 있을 경우 조건을 추가해줘야 한다. 직전 주소가 없을 경우 URL error가 나타날 수 있기 때문 2. 내가 만든 CHeader컴포넌트의 back이동 시 함수에 조건을 넣어주었다. handleMainIcon의 함수에
a 링크 noreferrer, noopener
1. noopener noopener 지정 시 링크된 페이지에서 window.opener을 사용해서 링크를 건 페이지를 참조(reference) 불가. 링크된 페이지와 링크를 건 페이지가 별개의 프로세스로 취급, 퍼포먼스저하되지 않음 2. noreferrer noreferrer 지정 시 다른 페이지로 이동할 때, 링크를 건 페이지의 주소 등의 정보를 브라우저가 Referer: HTTP 헤더로 리퍼러(referer 또는 referrer)로서 송신하지 않음 코드 작성
403 Error | img 태그 외부 이미지 요청 forbidden 되는 오류 해결 방법
문제 발생 네이커 카페의 이미지를 받아와서 중고나라 서버에서 img 로 보여주려고 하니 아래와 같이 전부 정상적으로 이미지를 가져오지 못했다. 원인 분석 개발자 도구의 네트워크 채널에서 확인한 결과 403 에러가 발생했다. 403 에러는 보통 다른 도메인에서 호출할 때 발생한다. 도메인이 다른 곳에서 요청하면 호출된 도메인에서 차단시키기 때문이다. ![](https://images.velog.io/images/heelieben/post/c7f7ba9a-a05c-445e-84c4-d8f096a5577c/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-03-