react11 [React] material-ui Accordion에 map함수 적용하기 Accordion 참고 : https://mui.com/material-ui/react-accordion/ Accordion에 map함수 적용하기 src/pages/SalesRegistrationPage.js const [member, setMember] = useState([]); console.log("test", member); useEffect(() => { fetch("/member/select") .then((res) => { return res.json(); }) .then((data) => { setMember(data); }); }, []); DB에서 불러온 Member 테이블 log 출력 src/pages/SalesRegistrationPage.js return() {member.map.. 2022. 9. 4. [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. [React] npm start 시 react-scripts: command not found 오류 npm install 후 다시 start 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. 이전 1 2 3 다음
