TIL 19. 2024-01-22

값을 배열 형식으로 저장하고 map()을 사용하여 값을 반복하여 뿌려주는 형식을 생각했다.

그런데 아래의 방식으로 사용하면 배열의 길이가 늘어나는 게 아닌 기존의 값이 갱신되는 문제가 발생하였다. 혼자 아무리 찾아봐도 답이 안 나와 팀원분의 코드를 해석하며 방법을 찾아냈다.

setTodo((prev) => ({
      id: prev.length + 1,
      title: title,   
      content: content,
      isDone : false,
}));

바로바로!!!
spread 연산자를 사용하는 방식!!
이전 배열(누적된 크기)을 ...prev로 가져오고, 현재 객체를 배열에 추가!!

 const [todo, setTodo] = useState([]);

setTodo((prev) => [
      ...prev,
      {id: prev.length + 1,
        title: title,   
      content: content,
      isDone : false,
      },
    ]);
    }else{
      alert("test");
    }

후.. 너무 간단해서 허무했다..ㅠㅠ 시간은 없는데🥹🥹
지금 당장 과제를 완성하기보다는 문법을 해석하고 이해하는 게 미래의 나에게 이득이라고 생각이 들어 팀원분들의 코드를 해석해 보기로 마음먹었다.😤
오늘의 TIL 끝~ ~~~~ 중꺽마(중요한 건 꺽이지 않는 마음!!)