Spring14 [Spring + React] react input 데이터 springboot Controller 로 전달하기 React src/pages/SalesRegistrationPage.js TextField 에 input으로 입력받을 numberOfToken 을 useState TextField input 에 입력 후 버튼 클릭 시 이벤트 함수 handleClickRegister (axios로 전달) const [numberOfToken, setNumberOfToken] = useState(); const handleClickRegister = (event, id) => { alert("save"); axios .get("/product/insert", { params: { numberOfToken: numberOfToken }, }) .catch(function () { console.log("실패"); }); co.. 2022. 9. 5. [Spring] SpringBoot + AWS RDS + React 연동하기 SpringBoot 2022.09.01 - [aws] - [RDS] SpringBoot 와 RDS 연동하기 React App.js > App const [member, setMember] = useState([]); useEffect(() => { fetch("/member/select") .then((res) => { return res.json(); }) .then((data) => { setMember(data); }); }, []); App.js > App > return {member.map((v, idx) => ( id: {v.id}, name : {v.name}, password : {v.password} ))} spring 프로젝트 실행, npm start 후 localhost:3000 확인 2022. 9. 2. [Spring + React] 스프링과 리액트 연동하기 Spring HelloController.java package com.sto.salepurchase.backstosalepurchase; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; import java.util.Arrays; import java.util.List; @RestController public class HelloController { @GetMapping("hello") public List Hello(){ return Arrays.asList("서버 포트는 8080", "리액트 포트는 3000"); } } main.. 2022. 8. 31. [Spring] spring 프로젝트 MySQL 연결하기 build.gradle dependencies 추가 application.properties 설정 추가 # MySQL 설정 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver # JDBC URL of the database. # spring.datasource.url=jdbc:mysql://localhost:{port}/{DBname}?{options} spring.datasource.url=jdbc:mysql://localhost:3306/test_db?useSSL=false&allowPublicKeyRetrieval=true spring.datasource.username=test spring.datasource.password=1234 spr.. 2022. 8. 31. 이전 1 2 3 4 다음
