보통 웹개발을 할 때, React로 프론트앤드를 개발하고 Node.js나 Spring 등을 이용해 백앤드를 개발하여 둘을 연결시켜서 개발하게 되는데요. 이 때 프론트앤드와 백앤드가 사용하는 Port가 다르다보니 서로 Ajax 등을 이용해 통신을 할 때 CORS 정책 위반이 에러로 뜨면서 데이터를 주고 받을 수 없는 상황이 벌어집니다. 우선 CORS 정책이 무엇인지 알아볼까요? 교차 출처 리소스 공유 (CORS) 보안 상의 이유로, 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한합니다. CORS 체제는 브라우저와 서버 간의 안전한 교차 출처 요청 및 데이터 전송을 지원합니다. CORS 정책의 정의는 위와 같이 기술되어 있는데요. 쉽게 말해서 보안 상의 이유로 Port 번호가 다른 웹페이지에서..