wiki:javascript:react:springboot_react
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
wiki:javascript:react:springboot_react [2021/06/17 17:05] jskim |
wiki:javascript:react:springboot_react [2023/01/13 18:44] (현재) |
||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| ====== SpringBoot + React ====== | ====== SpringBoot + React ====== | ||
| 각각 생성된 스프링부트와 리액트 프로젝트를 연동하는 과정입니다. | 각각 생성된 스프링부트와 리액트 프로젝트를 연동하는 과정입니다. | ||
| + | * 스프링부트 IDE : STS4 | ||
| + | * 리액트 IDE : VSCode | ||
| + | |||
| + | |||
| + | |||
| + | |||
| ===== SpringBoot ===== | ===== SpringBoot ===== | ||
| > | > | ||
| 줄 25: | 줄 31: | ||
| public class HiReactController | public class HiReactController | ||
| { | { | ||
| - | // 리액트로부터 요청받을 | + | // 리액트와 연결될 |
| @PostMapping("/ | @PostMapping("/ | ||
| public User user() | public User user() | ||
| 줄 34: | 줄 40: | ||
| return user; | return user; | ||
| } | } | ||
| - | |||
| } | } | ||
| </ | </ | ||
| 줄 41: | 줄 46: | ||
| > 부트와 통신하기 위해 proxy와 axios 라이브러리 설치 | > 부트와 통신하기 위해 proxy와 axios 라이브러리 설치 | ||
| <code bash> | <code bash> | ||
| - | PS ~\react-app> | + | PS ~\react-app> |
| - | PS ~\react-app> | + | PS ~\react-app> |
| </ | </ | ||
| \\ | \\ | ||
| 줄 96: | 줄 101: | ||
| < | < | ||
| < | < | ||
| - | <a | + | <a className=" |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| Learn React | Learn React | ||
| </a> | </a> | ||
| 줄 112: | 줄 112: | ||
| export default App; | export default App; | ||
| </ | </ | ||
| + | \\ | ||
| + | > 스프링부트 서버 실행 후, 리액트 실행하여 화면 확인 | ||
| + | <code bash> | ||
| + | PS ~\react-app> | ||
| + | </ | ||
| ===== Ref ===== | ===== Ref ===== | ||
| [[https:// | [[https:// | ||
| - | {{tag> eleven react springboot vscode}} | + | {{tag> eleven react springboot |
/volume1/web/dokuwiki/data/attic/wiki/javascript/react/springboot_react.1623917138.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
