부트캠프 React 과정 8.04

김진우·2023년 8월 4일
0

오늘의 목표

  • 정예반 과제 마무리 (O)

  • 알고리즘 문제풀기 (O)

  • typeScript TodoList만들기

오늘 알게된것

  • 정예반 react-query로 변경하던도중에 이상한 소소한 오류를 만났다.

``

const mutation = useMutation((id) => deleteMemo(id), {
onSuccess: () => {
queryClient.refetchQueries("memo");
navigate("/");
},
});
const handleDelete = () => {
if (!user) {
alert("로그인이 필요합니다.");
} else {
const userAuthor = findData.author === user.email;
userAuthor
? window.confirm("삭제하시겠습니까?") && mutation.mutate(findData.id)
: alert("본인 게시물만 삭제할 수 있습니다.");
}
};

``

이부분에서 navigate("/"); 가 onSuccess에서나 else문 밖에서는 작동을 하는데
3항연산자 안에서는 작동이 되지 않았다. redux를사용해서 할때는 잘 작동되던것이 안되는 이슈가 생겼었다.
이것을 튜텨님한테 질문을 했는데 && 이연산자가 문제라서 주말을 통해 if문으로 바꾼후 다시 시도를 해봐야 겠다고 생각을 했다.

느낀점

  • 오늘 정예반 과제를 마무리 하고 후발대 강의를 들었다 다듣지는 못했지만
    후발대 강의또한 로그인 회원가입의 기능에 대해서 연습을 할수있었다.
    후발대 강의는 json-server로 하면서 다른 방식의 코드를 짜는 연습을 해보았는데
    처음에는 아리송 했지만 튜텨님의 말씀도 듣고 하다보니 이해가 되는 부분도 있으셨고
    정말 코드가 깔끔하게 보였었다. 나는 후발대 강의도 주말을 통해서 다듣고 연습을 해서
    다음주에 있을 프로젝트에 이번 팀원들에게 도움이 많이 될수있었으면 좋겠다는 생각을 했습니다.

0개의 댓글