SOP

Web | CORS 개념정리 및 해결방법 (프론트 단에서 해결하는 방법)

최근 회사에서 서비스 홈페이지를 리뉴얼하는 업무를 맡아서 하고 있다. 백엔드 개발자 없이 프론트단만 업데이트를 진행하고 있는데, 기존에 있는 로그인 api 에 post 요청을 보내니 CORS 에레가 발생했다. 이전에 부트캠프에서 프로젝트를 진행했을 때, 겪었던 문제였지만 당시에 백엔드 개발자분이 서버단에서 해당 에러를 해결하기 위한 처리를 진행해주셔서 수월하게 해결했었다. 이번에 백엔드 개발자 없이 해당 문제를 해결하게 되면서 공부했던 내용들을 정리하고 백엔드 개발자가 없을 때 프론트 단에서 어떻게 해결하였는지 기록하고자 한다. SOP ( Same Origin Policy) 우선 CORS 를 이해하기 위해 SOP 에 대해 알고 있어야 한다. Same Origin Policy, 즉 동일 출처 정책은 다른 ..