24.11.21(CORS)

CORS(Cross-Origin Resource Sharing)

• 교차 출처 리소스 공유
• 웹 어플리케이션에서 다른 출처(origin)의 리소스를 안전하게 요청하고 응답을 받을 수 있도록 하는 보안 메커니즘

출처(Origin)의 개념

• 출처는 프로토콜, 도메인, 포트 번호로 구성
• 두 URL의 세 요소가 모두 같아야 동일 출처로 간주
  • https://example.com (출처A)
  • https://api.exmaple.com (출처B)
    => 도메인이 달라 서로 다른 출처로 간주

CORS가 필요한 이유

• 기본적으로 웹 브라우저는 보안상의 이유로 동일 출처 정책(Same-Origin Policy)를 따름
• 동일 출처 정책은 특정 웹사이트에서 로드된 스크립트가 다른 출처의 리소스에 접근하는 것을 제한
• 많은 어플리케이션이 API 서버와 통신하거나 외부 리소스(이미지, 동영상 등)를 가져와야하는 경우 CORS 설정

React :
Spring :