[React] map에서 key를 사용하는 이유, 주의점
[React] map에서 key를 사용하는 이유, 주의점 블로그 게시글 중 Warning: Each child in a list should have a unique "key" prop. 의 에러를 다루는 게시글이 있다. (게시글 이동하기) 그런데 해당 게시글에 왜 key를 사용해야 하는 지?에 대해 문의 댓글이 달려 한번 알아보려고 한다. key를 사용하지 않으면 ??? DOM 노드의 자식을 재귀적으로 처리하는 경우 React에서는 동시에 2개 리스트를 순회하고 차이가 있는 경우 변경을 생성한다. 이게 무슨 말이냐? 아래 예시를 확인해보자. first second first second third 이전 리스트에는 third가 없고 이후 리스트에는 third가 있으니 변경이 일어난 것이다. 따라서 트리 ..
