key

노드(Node.js)에서 key는 고유한 값(unique)을 가지고 있어 특정값들을 감지할 수 있는 것을 의미한다.

객체(Object)의 경우에도 key : 값(value) 매칭을한다.

리액트(React)에서 key는 Key props으로 넘겨주어 컴포넌트(Component) 배열(Array)을 렌더링했을 때 어떤 원소에 변동이 있었는지 알아내려고 사용한다.

예를 들어 유동적인 데이터를 다룰 때는 원소를 새로 생성할 수도, 제거할 수도 있다.

key가 없을 때는 Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화를 감지한다.

key가 있다면 이 값을 사용하여 어떤 변화가 일어났는지 더욱 빠르게 알 수 있다.