Open API 사용 시 발생하는 CORS 이슈, 원인과 해결 방법 정리

들어가며최근 토이 프로젝트 진행 중에 발생한 CORS 이슈에 대해 원인과 해결 방법에 대해 정리한 내용을 글로 쓰고자 한다.React에서 한국투자증권 오픈 API를 이용하여 데이터를 보여주는 방식으로 진행하고자 하였다.하지만 오픈 API 서버에서 CORS 정책을 허용하지 않아서 React Client에서 직접적인 API호출이 불가능하다는 사실을 알게 되었다.여기서 CORS란 무엇인지 간단히 알아보자. CORS란?Cross-Origin Resource Sharing (CORS)는 웹사이트가 서로 다른 출처에서 리소스(데이터나 콘텐츠)를 요청하고 공유하는 방법을 의미한다. 그렇다면 CORS가 왜 필요할까? 예시를 들어보자. 1. 같은 출처인 경우https://mysite.com 해당 사이트에서 자바스크립트로..