세상 사람들이 map 함수 적용 시 key props를 부여하는 이유

키 값을 주지 않을 시 에러

React는 변화를 감지한다.

리스트의 고유의 값이 없다면, 하나가 추가되더라도 리액트는 리스트 전체를 다시 렌더링한다.
즉, 불필요한 렌더링을 하게 되는 것이다. 그렇기 때문에 에러는 나지만, 홈페이지는 굴러간다.
결코 좋지 않다.
하지만 좋지 않은 것을 나쁘다고 할 수 있을까 ?

키 값을 줬다

세상을 이분법적으로 보는 건 우리의 삶에 피로도를 더하고, 구체적인 판단력을 흐리게 한다.
좋은게 좋은거라고 난 리스트에 키 값을 줄 것이지만,
오늘은 키 값으로 index 값보다 더 좋은 개별 ID 값은 주지 않을 것이다.

index를 키 값으로 준다면

이것은 분명히 어리석은 선택이다. 왜냐하면 키 값으로 index 값을 주게 된다면,
리스트가 재배열될 때, 각 엘리먼트마다 인덱스 값이 바뀌며 결국 전체가 다시 렌더링 되기 때문이다
하지만 개별 ID를 주게 된다면 ID가 엘리먼트와 함께 이동하기에 문제가 없다.

wrong way

우리는 늘 잘못된 선택을 한다
하지만 걱정할 필요 없다 다음에 잘하면 되는 것이다
no pain no gain 실패는 성공의 어머니
let's go