Spring34 [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] 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. [Spring] inflearn 스프링 입문 - 스프링 웹 개발 기초 1 웹 개발 방법 3가지 정적컨텐츠 : 서버에서 하는 것 없이 파일을 그대로 웹브라우저(client)에 내려주는 것. MVC와 템플릿 엔진 : 가장 많이 하는 방식. jsp, php (템플릿 엔진 : 서버에서 프로그래밍해서 html을 동적으로 바꿔서 내림.) 이것을 하기 위해 controller, model, 템플릿 엔진 화면 (model, view, controller ) MVC 필요로 함. API : ios, android client 와 개발 시 서버입장에서 json 데이터 구조 포맷으로 client에 데이터 전달. 내려줌. 정적컨텐츠 스프링부트에서 정적컨텐츠 기능 기본적으로 제공 https://docs.spring.io/spring-boot/docs/current/reference/html/web.h.. 2022. 9. 2. 이전 1 ··· 3 4 5 6 7 8 9 다음
