🖥️ CS & Network & Web/🌐 Web

[Web] CORS는 어디 사는 누구길래 나를 괴롭게 하나

처음 백엔드와 협업을 하면서 마주했던 CORS 에러 메세지 CORS란 Cross Origin Resource Sharing, 교차 출처 리소스 공유라는 뜻이다. 교차 출처는 뭐고 이런 오류는 왜 나는지, 어떻게 수정해야 하는지 하나씩 공부한 내용을 정리해봤다. 1. CORS란 웹 브라우저에서 작동하는 보안 매커니즘 중 하나로, 웹 브라우저에서 동작하는 JS 코드가 다른 출처의 리소스에 접근하는 것을 제어하는 메커니즘이다. (여기서 다른 출처란 프로토콜+도메인+포트 번호를 말한다. 예컨대 http랑 https는 다른 프로토콜을 가지고 있다. 포트 번호도 80과 443으로 다르다.) 이러한 출처 비교와 다른 출처의 리소스일 시에 차단하는 역할은 서버가 아닌 브라우저가 하고 있다. 그래서 브라우저 -> 서버로..