map() 을 활용해서 여러개의 컴포넌트를 렌더링 하면 이러한 오류가 발생한다.
각각의 엘리먼트는 유니크한 키 프로퍼티를 가져야한다고 써져있다.
개발자모드를 확인해보면 
key : null => key값을 지정을 하지 않아서 발생한 오류이다.
Key는 왜 필요할까?
React는 컴포넌트가 리렌더링 될 때 마다 map을 다시 돌며 이전에 렌더링 된 요소들과 비교를 한다.(어떤 요소가 변경됐는지 파악한다.)
key의 역할
- React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는것을 돕는다.
- 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야한다.
key값은 고유하게 식별할 수 있는 문자열이 좋다.(최후의 수단으로 index를 사용하지만 항목 순서가 바뀌는 경우에는 index는 권장하지 않는다.)
map 메소드 안에 key값을 설정해주면 좋다.
Front-end