[Day 28] Monsters project 틀린 부분 review

React Monsters Project를 세 번 하고 틀린 개념을 정리해보자

// 내 코드
  const handleChange = (e) => {
    setUserInput(e.target.value);
  };

// 정답 코드
  const handleChange = (e) => {
    const { value } = e.target;
    setUserInput(value);
  };

setUserInput(e.target.value)는
const {value} = e.target으로 적어줄 수도 있다

왼쪽이 내가 세 번째로 한 코드이고 오른쪽은 정답이다
return 안에 가 있는데 나중에 SearchBox를 하고 filteredMonsters를 변수로 선언하면서 로 변경되는 것을 볼 수 있다. 이 부분이 코드를 보면서 설명할 수는 있지만 100% clear하게 visualize하기 어려운 부분이다.

드디어 세 번을 시도만에 어느정도 혼자서 구현할 수 있게 됐다 😭😭

그래도 첫 번째에는 너무 어려웠는데 2,3번 하면서 익숙해진 점에 의의를 둔다

지치지만 계속 시도해보면 된다는 것을 알고 있으니 조금씩 천천히 앞으로 나아가자 :) 처음은 어렵지만 복리처럼 나중에는 속도를 입어 빠르게 갈 수 있을거야