[Next.js] CORS 에러 해결하기 (feat. React CRA)
프론트엔드 개발자가 백엔드 API와 연동할 때 마주치는 첫 번째 벽, 바로 CORS(Cross-Origin Resource Sharing) 에러입니다. localhost:3000에서 API 서버(api/server.com)로 요청을 보내니 차단당했습니다. 이를 해결하기 위해 우리는 Proxy를 사용합니다. 이번 글에서는 React와 Next.js 환경에서 각각 어떻게 프록시를 설정하고 CORS를 우회하는지 알아보겠습니다.1. Pure React (CRA) 환경Create React App(CRA)이나 Webpack 기반의 리액트 프로젝트에서의 프록시 설정입니다.개발 환경CRA는 내부적으로 webpack-dev-server를 사용합니다. 가장 간단한 방법은 package.json을 수정하는 것입니다.방법 ..
2026. 5. 30.