key 속성은 React가 목록에서 변경, 추가 또는 제거된 컴포넌트를 식별하는 데 사용됩니다.
컴포넌트가 업데이트되면 key 속성을 사용하여 이전 컴포넌트를 새로운 컴포넌트와 비교해서 다른 부분만 업데이트할 수 있도록 합니다.
key가 없으면 어떻게 되나요?
key가 없다고 렌더링이 안되는건 아니지만, 하나의 항목만 변경되어도 전체를 리렌더링해야 하므로 느리고 비효율적일 수 있습니다.
key를 사용했을 때 장점이 무엇이 있나요?
성능향상, 앱의 안정성향상, 더 나은 ui 지원, 효율적인 업데이트 가능
인덱스를 key로 설정해도 되나요?
정말 최후의 최후의 경우라면 사용할 수는 있지만, 목록의 순서가 바뀌게 되면 key도 바뀌어 버그를 발생시킬 수 있으므로 최대한 사용을 지양해야합니다.