[typescript] 타입스크립트 동일 출처 정책(Same Origin Policy)을 적용하는 방법은 어떻게 되나요?

타입스크립트에서 CORS를 적용하는 방법은 서버 측에서 CORS 헤더를 설정하는 것입니다. 서버에서는 특정 출처로부터의 요청을 허용하기 위해 Access-Control-Allow-Origin 헤더를 설정해야 합니다.

예를 들어, Express.js와 같은 Node.js 기반의 웹 애플리케이션에서 CORS를 적용하는 방법은 다음과 같습니다:

import express from 'express';
import cors from 'cors';

const app = express();

app.use(cors({
  origin: 'https://allowed-origin.com',
  optionsSuccessStatus: 200 
}));

// 나머지 서버 설정

app.listen(3000, () => {
  console.log('서버가 3000번 포트에서 실행 중입니다.');
});

위 코드에서 cors 미들웨어를 사용하여 허용된 출처를 지정하고, 이를 통해 CORS 정책을 설정합니다.

이와 같이 서버에서 CORS를 설정하면 타입스크립트 애플리케이션에서 동일 출처 정책을 우회하여 다른 출처의 자원에 접근할 수 있습니다.

더 자세한 내용은 MDN Web Docs - Cross-Origin Resource Sharing (CORS)를 참고하시기 바랍니다.