1. 서버 측 설정

   서버에서는 CORS를 허용하기 위해 응답 헤더에 Access-Control-Allow-Origin 및 다른 관련 헤더를 추가해야 합니다. 예를 들어 Express.js를 사용하고 있다면 다음과 같이 설정할 수 있습니다.

   import express from 'express';
   const app = express();
   
   app.use((req, res, next) => {
       res.header('Access-Control-Allow-Origin', '*');
       res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
       res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
       next();
   });
   
   // 나머지 서버 로직
   

2. 클라이언트 측 설정

   클라이언트에서는 요청 시에 해당 서버에 CORS가 허용되도록 설정해야 합니다. 예를 들어 Fetch API를 사용하는 경우 아래와 같이 설정할 수 있습니다.

   fetch('https://example.com/api/data', {
       method: 'GET',
       headers: {
           'Content-Type': 'application/json',
           'Authorization': 'Bearer token'
       }
   })
   .then(response => {
       // 응답 처리
   })
   .catch(error => {
       // 에러 처리
   });
   

여기서 https://example.com/api/data는 실제 서버의 엔드포인트 주소입니다. 요청을 보내는 도메인 및 포트가 서버 측 CORS 설정에 따라 허용되어야 합니다.

더 많은 정보가 필요하다면 MDN Web Docs를 참고하시기 바랍니다.