CORS 이해

개념 설명

브라우저의 보안 정책으로 다른 출처(Origin)의 리소스 요청을 제어하는 Cross-Origin Resource Sharing 메커니즘.

핵심 포인트

• Origin = 프로토콜 + 도메인 + 포트 (예: https://example.com:443)
• Simple Request: GET, POST, HEAD + 특정 헤더만 사용 시 Preflight 없이 요청
• Preflight Request: OPTIONS 요청으로 사전 권한 확인 후 실제 요청
• 서버 설정: Access-Control-Allow-Origin, Methods, Headers 헤더
• 쿠키 공유: credentials: 'include' + Access-Control-Allow-Credentials

예시 코드

// 클라이언트 측 CORS 요청
// Simple Request (사전 승인 불필요)
fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
});