데이터 추가

[문제 해결] 동적인 데이터추가 시 key 경고 메세지

문제 발생 udemy의 강의에 따라 진행을 하다보면 위와 같이 console 창에 key 경고 메세지가 출력되었다. Warning: Each child in a list should have a unique "key" prop. Check the render method of `Expenses`. See https://reactjs.org/link/warning-keys for more information. 새로운 값을 입력하여 동적으로 데이터를 추가할 수 있고 그 과정에서 아무런 문제가 없어보이는데 말이다. 이것은 React가 데이터의 목록을 렌더링하는 데 있어서 특별한 개념을 갖기 때문이다. 이 개념은 React가 발생할 수 있는 어떠한 성능 저하나 버그 없이 효과적으로 이러한 목록들을 업데이트하고..