[React] 리액트 스프링부트 연동, 비동기 데이터 전달 useEffect

리액트 비동기 사용법

npm install axios

리액트 터미널에 axios를 설치해줍니다.

 

 

package.json

package.json에 스프링부트에서 사용하는 포트를 넣어줍니다.

 

 

 

controller

@RestController

해당 컨트롤러를 비동기로 전달해주고

 

 

전달되는 데이터를 useEffect로 받아올 수 있습니다.

useEffect(() => {
	axios.get('/').then(res => { });
}, []);

 

 

axios.get()은 컨트롤러의 GetMapping으로

axios.post()는 PostMapping으로 가서 데이터를 받아옴!!