[리액트 + 스프링 부트 + MySQL] #3 ToDoList 만들기 / 리액트 개발과 스프링 부트와 연결하기

풀스택 [풀스택 - 리액트 + 스프링 부트 + MySQL] #3 ToDoList 만들기 / 리액트 개발과 스프링 부트와 연결하기 리액트 환경을 세팅해준다. Vscode에 작업 폴더로 들어가서 터미널에 npx create-react-app .

입력해서 리액트 환경을 만들어주고, 터미널에 npm i axios 를 입력해서 axios를 받아준다. 그리고 마지막으로 App.js에 아래와 같은 코드를 입력한다.

위에 코드를 입력하고 터미널에 npm run start를 입력해서 화면을 띄워보면, 콘솔창에 CORS (교차 출처 리소스 공유) 오류가 뜬다. 이게 뭐냐면, 스프링 부트 프로젝트 포트는 8080인데, 리액트앱은 포트번호가 3000번이기 때문에 발생하는 것이다.

이걸 해결하기 위해서, 두 가지 방법..........