React와 SpringBoot 연동하기

아직 웹서버를 띄우지 못했으므로 로컬에서 작업해야 하는데,
React(프론트엔드)는 localhost:3000, Spring boot+Spring security(백엔드)는 localhost:8080에서 실행된다
이걸 어떻게 합쳐야(?)하나 서치한 결과...
axios나 fetch를 사용하여 백과 프론트의 통신을 해야하는데, 이때 CORS 방지를 위해 proxy 설정을 해주어야 한다고 한다

📌 CORS란 (Cross Origin Resource Sharing)

웹 브라우저에서 실행되는 스크립트가 동일한 출처가 아닌 다른 출처의 리소스에 접근할 수 있는 메커니즘을 제공하는 웹 표준->원칙적으로 리소스가 다른 도메인에 있다면 데이터를 주고받을 수 없다

📌 Proxy 설정

package.json 에 "proxy": "http://localhost:8080" 추가로 해결

spring security 관련하여 더 설정해줘야 하는 것 같은데... 일단 프론트(리액트)에서는 이정도로 했다.
나중에 웹서버를 띄우면 설정을 바꿔야하지 않을까 싶다