오늘목표
- 정예반 과제 피드백 수정 (O)
- 개인과제 구상하기 (O)
- 알고리즘 문제풀기 (O)
오늘 어려운점
- 좋아요 기능 구현하기.
``
const [like, setLike] = useState([0, 0, 0]);
let likeCnt = [...like];
likeCnt[i] += 1;
setLike(likeCnt);
``
이렇게 구현을 했는데 내용물이 3개가 넘어가면 하트를 눌렀을때 NaN이 나와서 다른방법을 생각해야됬다.
처음 초기값을 todos초기값에 likeCount를 0으로 잡고 새로 생성할때 도 마찬가지로 likeCount 0 으로 생성되게한후
``
item.likeCount++;
setTodos(
todos.map((item) => {
return {
id: item.id,
title: item.title,
likeCount: item.likeCount,
};
})
``
작성한후 완료 했다. 처음에 item.likeCount++ 를 안하고 map함수를 사용해서
item.likeCount +1 을 했었는데 모든 하트에 숫자가 올라갔다 그래서 미리 item.likeCount++ 을 한후 화면에 나오게 해야됬었다.
느낀점
- 지금 정예반 과제도 해나가면서 기존 과제도 같이 해나가야되는데 시간은 부족하지만 오히려
정말 좋은거 같다. 정예반 과제를 하면서 앞서 이해하지 못하고 넘어갔던 부분에 대해서
다시 한번더 되짚어서 이해하고 넘어 가게 해주는 거 같고 앞서 공부한 부분들을 복습하는것처럼
하나하나 다시 배워가면서 과제로 이해할수 있고 또한 정예반 과제를 하면서 전에 과제를 다 못해서 조금 자신감이 떨어져있었는데 다시 정예반 과제를 하면서 나도 할수있다는 것도 얻어갈수있는 거 같아서 동기 부여도 되는거 같습니다.
