083024 til

todo list 다시 만들기 

아직도 어려운 투두리스트다 ... 

 

 

매니저님 꼐서 한 5번은 만들어 봐야 안다고 하신거같은데 

 

맞는거같다 ...

 

import { useContext, useState } from "react";

import { TodoContext } from "../context/TodoContext";

const TodoForm = () => {

const { addTodo } = useContext(TodoContext);

const [text, setText] = useState("");

const onSubmit = (e) => {

e.preventDefault(); //이벤트의 기본 동작을 막는다

//새로운 todo 객체생성

const newTodo = {

id: crypto.randomUUID(), //랜덤한id생성

text, //text:text와 같은의미

isCompleted: false, //할일완료부분

};

//새로운 todo 객체를 todos 배열에 추가

addTodo(newTodo);

//input 태그의 값을 초기화 -> 정리

setText("");

};

요로 코롬 해서 ... 

 

필터를 하고 ,, 맵을 쓰고 가져오고 스프레드로 뿌려주고 .. 

 

투두 안할래 .. 

 

보이는 것은 쉬워보이는데 안쉬워보이는 ... 

 

ㅋㅋㅋ 

 

 

다시 공부해야겠다 ..

 

그리고 팀프로젝트도 깃허브로했느데 ..

 

오류나서 다 뒤죽박죽 되서 

 

다시 풀 받고 .. 가져왓다 .. 

 

 

험난한 팀플의 세계 ..