Spring boot + React 통신 성공

안녕하세요.

어제보다 한걸음더 One Step Further 입니다.

 

첫 개발로그에서 Spring boot + React 를 사용해 본다고 했는데요.

일단 잘 설명된 개발로그를 따라서 설정을 했는데 복사 붙여넣기를 하지 않고 적어보다 보니

오타가 따서 생기는 오류였네요. 아주 자연스럽게 잘 됩니다. 

문제가 오타라는 것을 찾기 까지 2시간 정도 걸렸습니다. 그냥 고대로 따라하면 금방 할 것 같네요.

 

순서는 다음과 같습니다.

1. Spring 프레임 워크를 다운로드 한다.

2. node.js 를 다운로드 한다.

3. Spring boot 프로젝트를 생성한다

4. /src/main/리액트폴더명/ 을 생성한다.

5. /src/main/ 위치로 가서 터미널에서 npm create-react-app 리액트폴더명 을 친다.

6. 생성되면 /public 상위폴더로 가서 npm start 를 입력한다

7. npm install axios http-proxy-middleware --save 를 한다

8. setupProxy.js를 만들어 설정값을 입력한다

( 첫번째 오타는 파일명이었습니다. setProxy.js를 만들었었거든요. http-proxy-middleware 가 src 폴더 안에 존재하는 이 파일을 읽어야 프록시가 되는 것이었는데 파일명이 다르니 프록시가 되지 않았습니다.)

9. 나중에 gradle 빌드를 위한 설정값을 넣는다.

 

다음부터는 여기에 블로그 형식으로 사이트를 만든다음 배포를 하는 것을 목표로 해보겠습니다.