맨땅에 헤딩

1. 기본추가하기 2. input 리셋시키기 3. 빈칸만입력 & 앞뒤빈칸 제거 ✅ 기본 추가하기 // TodoList.js const [todos, setTodos] = useState([ { id: "1", text: "산책하기", status: "active", }, { id: "2", text: "공부하기", status: "active", }, ]); const handleAdd = (todo) => { setTodos([...todos, todo]); }; return ( ) 1️⃣ AddTodo 컴포넌트에 onAdd를 통해 props 값을 전달한다. 2️⃣ handleAdd 함수를 만들고, todo로 받아온 값을 새롭게 추가해준다. ...스프레트 연산자를 통해 기존의 값을 복사한 뒤, 받아온 ..

이름, 이메일을 입력하는 간단한 CRUD를 만들어보았다. 지난주에 만들어본것을 연습을 위해 다시 한번 만들었다. css는 크게 건드리지 않고 기능위주로 다시 만들기 위해 노력했다. 기능은 다음과 같다. 1️⃣ Create 등록하기 2️⃣ Read 화면에 띄우기 3️⃣ Update 수정하기 4️⃣ Delete 삭제하기 1️⃣ Create 등록하기 // CreateUser3.js import React from "react"; import { v4 as uuidv4 } from "uuid"; export default function CreateUser3({ username, email, onChange, onCreate }) { return ( onCreate(uuidv4())}> 등록하기 ); } //..