sandbox

급히 테스트한다고 img 태그에 src로 다른 사이트 이미지를 끌어다 사용한 적이 있습니다. 이미지 태그로는 잘 가져오길래 fetch로도 될 줄 알았습니다. 그런데 CORS 에러를 띄우더라구요?! 찾아보니 이미지 태그는 cors를 사용하지 않지만 fetch는 사용하기때문에 그런 에러를 띄우는것 같습니다. fetch는 기본적으로 non-CORS로 동작하므로, credentials: 'include' 옵션을 주어 자격증명을 포함해 요청을 보내면 CORS로 작동합니다! fetch( URL, { credentials: 'include' }); 물론 서버쪽에서 cors 관련 작업을 해주어야합니다. 여담으로, img 태그에 JS로 접근해 캔버스에 그리려고하면 '오염된(tainted) 캔버스'가 되며 몇몇 작업이 i..