몬스터과제 리뷰

1. fetch를 이용하여 데이터를 받아와서 그 데이터를 setMonsters에 전해주어 배열인 monsters에 할 당해 주었다.

2. filter 메서드를 사용하여서 monsters 배열안에 있는 객체를 monster라는 매개변수로 받아왔다.

3. 객체안의 name이라는 키를 전부 소문자로 바꿔주었다. 그리고 소문자인 이름들이 사용자사 적은 문자를 포함 하고 있으면 return 해주도록 했다.

return monster.name.toLowerCase().includes(userInput); 

*나는 소문자로 바꿔주는 식과 return 되는 값을 한번에 적어주고 싶었는데 왜인지 오류가 발생했다. 아직까지 뭐가 문제인지는 모르겠다

1. 부모 컴포넌트에서 정의해준 변수와 함수를 자식 컴포넌트에서 쓰려면 전달을 해주어야 한다.
   전달 해주는 값과 이름을 같게 해주어서 알기 쉽게한다.
2. props는 값을 객체로 전달 되기때문에 handleChange={handleChange}와 같은 형태의 객체에 값을 할당하는 것처럼 식을 적어준다.

1. 자식 컴포넌트에서 값을 사용할때는 props.key의 형태로 적어서 사용한다.

1. map메서드는 배열의 요소를 지정한 조건에 맞추어 반복해주는데 이때 동적인 데이터의 경우 요소가 삭제되거나 추가될 수가 있는데 이때 key값으로 고유한 값을 주어 정보가 엉키지 않게 해 준다.