React 활용 - 4 : axios 사용하여 Spring에 데이터 전송하기

이번에는 지난번에 입력받은 데이터를 spring으로 넘기는 작업을 하겠다. 우선 spring과 통신하기 위해 axios를 설치한다. npm install aixos 그 후 TextData.js에 aixos를 import 하고 Send() 함수 안에서 axios를 아래와 같이 선언한다. import React, { useState, useEffect } from 'react'; import axios from 'axios'; function TextData() { const [data1, setData1] = useState(''); const [data2, setData2] = useState(''); const updateData1 = e => setData1(e.target.value); const ..

2022.10.06

React - axios 사용하여 rest api (Spring) 과 소통하기

리액트를 사용하면 백엔드로 노드를 가장 많이 사용한다. 하지만 spring 을 이용하여 소통하는 방법을 알아보자. 먼저 axios 라이브러리를 설치해야한다. npm i axios --save axios 는 jquery의 ajax와 비슷한 역할을 해준다. 설치를 하였으면 지난 코드에 아래와 같이 작성한다. import React, { useState, useEffect } from 'react'; import axios from 'axios'; // 액시오스 function Test1() { const [id, setId] = useState(0); function stateTest() { setId(id+1) } useEffect( () => { alert("ok") }, [] ); function te..

2021.05.03