웹 개발 시, 타입스크립트를 사용할 때 서버에서 CORS(Cross-Origin Resource Sharing) 에러가 발생하는 경우가 있습니다. CORS 에러는 보안 상의 이유로 다른 도메인에서 리소스를 요청할 때 발생하는 문제입니다.

이 문제의 주요 원인은 동일 출처 정책(Same-Origin Policy) 때문인데, 이는 스크립트의 출처와 리소스의 출처가 동일해야 하는 웹 보안 정책입니다. 타입스크립트 애플리케이션이 다른 도메인의 API 엔드포인트를 호출하는 경우 CORS 에러가 발생할 수 있습니다.

이 문제를 해결하기 위해서는 서버 측에서 CORS 헤더를 적절히 설정해야 합니다. 서버에서는 Access-Control-Allow-Origin 헤더를 설정하여 요청이 허용되는 출처를 명시해야 합니다.

// Express.js 예시
app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "http://example.com"); // 허용할 도메인을 설정합니다.
  res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE"); // 허용할 메소드를 설정합니다.
  next();
});

이렇게 서버 측에서 CORS 헤더를 설정하면 타입스크립트 애플리케이션이 다른 도메인의 리소스를 요청할 때 CORS 에러를 해결할 수 있습니다.

자세한 내용은 MDN Web Docs를 참고하시길 바랍니다.