map,filter 복습

todos 배열을 받아 map함수를 적용해서 todos배열안의 객체들의 값들로 각각의 <Todo/>를 생성하는 함수다

map 함수는 배열을 받아 그 배열에 포함된 요소 하나하나에 함수를 적용한 결과값을 리턴하여 다시 배열로 만든다.

map 함수에 반환한 배열에 key가 설정되어있으면 배열 업데이트시 더 효율적으로 리렌더링이 가능합니다.

배열에 key가 없다면 배열에 요소 추가 시 배열을 0~n까지 순회하여 맨 마지막에 값을 추가하고 전체 배열의 값을 바꾸는 방식이고 , 삭제 또한 전체 요소를 한번 순회하고 나서 삭제가 끝나면 전체 배열의 값을 바꾸는 방식입니다.

하지만 key가 있다면 값을 바꿀때 해당 부분으로 pin-point가 찍혀 바로 바꿀 수 있습니다.

onRemove 함수를 사용할 컴포넌트에서 지정한 event에 따라서 onRemove함수가 동작하는데 해당 컴포넌트의 id값을 받아와서 전체 todolist에 포함된 todos 배열에서 특정 todo만 필터링하는 것이다.

todo.id가 인자로 받은 id와 같지 않은 것만 배열로 만들어서 todos로 설정하기 때문에 삭제 역할을 실행한다.