스프링 리액트 연동 Rest API 써보기

데이터베이스 연동 없이 레포지토리 없이 매우 간단하게 방법론만 살펴보겠습니다.

스프링과 리액트를 연동 시킨 후 컨트롤러를 하나 만듭니다.

hello()는 스트링 형태의 값을 줄 것이고 helloApi()는 객체를 전달해줍니다.

helloApi()는 url로 접근할 시에 파라미터가 필요합니다. 예를 들면 localhost:8080/api/upgrade?name=이름

 

다음은 리액트 컴포넌트를 수정하겠습니다. 저는 create-react-app으로 만들어서 App.js 파일만 수정하면 됩니다.