웹팩개발서버 프록시

[CORS] 다른 출처간 CORS 에러 해결과 웹팩 개발 서버의 Proxy 설정

Why? 부스트캠프 멤버십에서 최종 프로젝트를 진행하면서 기술공유를 할 기회가 있었는데, 프로젝트를 ncloud 인스턴스에 배포하면서 겪은 문제를 정리한 글이다. 개발을 하면서 상당히 짜증나는 이슈인 CORS 에러를 해결하기 위해 학습하면서 웹팩 개발 서버의 proxy 옵션에 대해서 더 이해하였고, 설정하는 방법 등을 포함 해 정리하였다. CORS? 배포 환경 뿐 아니라 심지어 로컬 환경에서도 자주 보이는 녀석 아니 친구.. CORS. 일명 코스는 Cross Origin Resource Sharing의 약자이다. mdn에 의하면 CORS는 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. 웹 애플리케이션은 리소스가 자신의 ..