가계부 만들기 2

현 오후 12시 36분. 지금까지 입력 값을 받아서 맞는 달에 뿌리기 + 빈 값으로 저장하려고 하면 alert 띄우기를 했다. 어제 인풋 입력 값을 가져오는 건 하고 티스토리에 안 썼는데 이것부터 정리하자면~ 먼저 form에 onSubmit을 준다. 그리고 함수를 만들어서 제출할 때 실행되도록 했다. const submitForm = (e) => { e.preventDefault(); const newItem = { date: dateValue, item: itemValue, amount: amountValue, description: descriptionValue, id: uuidv4(), };제일 먼저 e.preventDefault(); 를..

• format_list_bulleted 리액트
• · 2024. 5. 24.
• textsms

가계부 만들기 1

본격적으로 가계부 만들기 시작!... 근데 어렵다. 1. 설치yarn create vite my-react-app --template reactcd my-react-appyarnyarn dev  2. yarn add styled-components  app.jsx 상단에 추가 import React from "react";import styled from "styled-components";  3.yarn add react-router-dom  4. Pages 폴더 -> Home, Detail.jsx 파일shared 폴더 -> Router.jsx Router.jsximport React from 'react';const Router = () => { return Router;};export defaul..

• format_list_bulleted 리액트
• · 2024. 5. 23.
• textsms