본문 바로가기

분류 전체보기140

[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] inflearn 스프링 입문 - 스프링 웹 개발 기초 2 MVC와 템플릿 엔진 MVC : Model, View, Controller 과거에는 View 와 Controller 가 분리되어있지 않았음. View에 Controller가 포함. - model1방식 지금은 MVC 스타일. View : 화면을 그리는 데에 모든 역량을 집중해야 함. Controller, Model 관련 부분들은 비지니스 로직과 관련 있거나 내부적인 것 처리에 집중 해야 함. View는 화면에 관련된 일만, 비지니스 로직, 서버 와 관련된 것들은 Controller, 뒷단 비지니스 로직이 처리하고 Model에 화면에 필요한 것들을 담아 화면 쪽에 넘겨줌 외부에서 파라미터를 받는 좀 더 복잡한 컨트롤러 java/hello/hellospring/controller/HelloController... 2022. 9. 2.