React에서 리스트를 렌더링할 때 key={index}를 사용하면 아이템 삭제나 순서 변경 시 데이터가 뒤섞이는 심각한 버그가 발생한다. 이러한 현상이 발생하는 근본적인 원인을 React의 렌더링 동작 원리로 분석하고, 고유 ID를 사용해야 하는 정확한 이유와 해결 방법을 정리한다. React 배열 렌더링 시 key에 index를 쓰면 데이터가 꼬이는 이유React로 게시판이나 투두 리스트 같은 목록형 UI를 개발할 때, 콘솔 창에 뜨는 "Each child in a list should have a unique 'key' prop" 경고를 없애기 위해 습관적으로 map 함수의 index를 key로 넣어본 경험이 있을 것이다.화면이 단순히 데이터를 보여주기만 할 때는 문제가 없어 보이지만, 항목을 삭..
