미래를 설계하는 개발자

지금까지 SpringBoot + React를 연동하고 React에서 axios 라이브러리를 추가하고 React에서 axios를 통해 SpringBoot의 RestAPI를 호출하는 것까지 진행됐습니다. 진행된 부분까지 배포를 통해서 확인해보겠습니다. 배포해보기 웹 프로젝트를 배포할 때는 SpringBoot 실행과 동시에 React도 실행되어야 합니다. 따라서, SpringBoot를 통해서만 전체 실행이 될 수 있도록 패키징을 진행하겠습니다. 1. build.gradle 에 이전에 1편에서 아래 코드를 추가하였다. def frontendDir = "$projectDir/src/main/front" sourceSets { main { resources { srcDirs = ["$projectDir/src/ma..

Spring/SpringBoot-React 2023. 8. 24. 19:42

1. 우선 React 에서 Axios 라이브러리를 추가하자! VS Code프로젝트에서 터미널 오픈 Axios 추가 npm install axios yarn add axios 설치 후 package.json의 dependencies -> axios가 설치된것을 볼 수 있다. 2. Axios 통신 테스트 우선 서버 통신 전에 간단하게 테스트 해보기 jsonplaceholder 라는 사이트에서 테스트용도로 사용할 수 있는 json파일을 제공해준다. 사이트 아래에 Resources -> photos 사이트 접속 https://jsonplaceholder.typicode.com/photos 3. VS Code에서 테스트 import React, {useState, useEffect} from 'react'; im..

Spring/SpringBoot-React 2023. 8. 24. 17:17