전체 글143 [티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 HTML 태그가 끝나는 위에 붙여넣기 참고 : https://jinyh.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B8%94%EB%9F%AD 2022. 9. 6. [React] 버튼 클릭 이벤트 새로운 페이지로 이동하기 (button click to new page) 새로운 페이지 만들기 src/pages/PurchasePage.js import React from "react"; const PurchasePage = () => { return PurchasePage; }; export default PurchasePage; useNavigate() 사용하기 참고 : 2022.07.20 - [javascript/React] - [React] React app - 시작 로고 페이지 만들기 (useNavigate, setTimeout()) navigateToPurchase 에서 navigate 함수를 호출해 주소를 전달한다. navigate 함수에 인자로 주소를 넣어준다. src/pages/ListProductsSalePage.js const navigate = useN.. 2022. 9. 6. [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. [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. 이전 1 ··· 13 14 15 16 17 18 19 ··· 36 다음
