react key error가 생깁니다.

왜 발생하는 걸까요? - map함수를 이용해서 반복하는 경우 고유의 key를 할당해야합니다. 할당하지 않으면 error가 발생하게 됩니다. 해결해야 할까요? - 네 해결해야합니다!! element가 새롭게 추가되거나 삭제될 때 키를 통해 식별하여 효율이 올라가고 이상한 동작을 하지 않습니다. - https://ko.reactjs.org/docs/reconciliation.html#recursing-on-children 저라면 자료의 구조도 변경할 것 같아요 각 항목마다 고유한 id를 줄 것 같습니다. import React from 'react'; function Test() { const items = [ { id: 1, title: 'hello' }, { id: 2, title: 'world' }, { id: 3, title: 'hi' }, { id: 4, title: 'javascript' }, ]; return ( <div> {items.map(item => ( <h1 key={item.id}>{item.title}</h1> ))} </div> ); } export default Test; 이렇게 변경하면 고유한 id를 사용하게 되고 해당 error는 사라집니다