React 리스트 렌더링: map 인덱스를 key로 사용하면 안 되는 이유와 해결책React로 프런트엔드 애플리케이션을 개발할 때, 배열 데이터를 기반으로 여러 개의 컴포넌트를 렌더링하는 작업은 매우 흔하다. 이때 JavaScript의 map() 함수를 자주 사용하며, 각 리스트 항목에 key prop을 제공해야 한다는 React의 권고를 만나게 된다. 그런데 이때 map() 함수의 두 번째 인자인 index를 무심코 key로 사용하는 경우가 많다. 하지만 이 방식은 잠재적인 문제를 야기할 수 있으며, 왜 그런지 이해하고 올바른 방법을 사용하는 것이 중요하다.1. React는 왜 key가 필요한가?React는 UI를 업데이트할 때 Virtual DOM을 사용한다. 데이터가 변경되면 새로운 Virtual ..