AWS - React & Springboot 환경 연결

■ React 추가 dependency 설치

1) axios

추가 참조 : www.dahae.kim/blog/how-to-use-axios/

                    wonit.tistory.com/304

> 기능 : 비동기로 url 통신을 하는 것을 쉽게 가능하게 해줌

> 현 프로젝트에서는 spring-boot backend와 통신을 하기 위함

 

 

2) Gatsby

> 기능 : React에서도 pre-build 된 정적 사이트를 사용할 수 있게 해줌

추가 참조 : yohanpro.com/posts/ssr

 

 

■ Spring-boot IntelliJ에서 실행 및 확인

추가 참조 : vmpo.tistory.com/7

> @SpringBootApplication 실행 후 처음 compile화면으로 넘어감

> 다음과 같이 기본 포트  8080 에서 실행을 확인 가능함

■ Spring-boot CORS 에러 해결

1) Axios에서 보낼 때

header에 Access Control Allow Origin 포함하여 보내고, withCredentials : false로 설정

2) Spring server는 다음과 같이 설정

 

> 참조할 좋은 reference (react front, back java spring)
velog.io/@ojwman/spring-boot-cors-header-preflight

 

---

 

참조 :

ko.reactjs.org/docs/create-a-new-react-app.html

새로운 React 앱 만들기 – React

joshua-dev-story.blogspot.com/2020/01/react-spring-2.html

누구나 쉽게 따라하는 React, Spring 연동하기 2