React - map key값

map에 key값은 어떻게 주면 될까요???

map을 사용하여 리스트를 만들 때, 서로를 구별하기 위해 key값을 부여한다고 했다. 즉, 구별이 가능해야 하니 고유한 값을 주면 되겠다!

리스트에 key값을 부여하자!

1. 일단 배열의 요소들을 객체화하자.
2. 그리고 고유한 값을 가질 수 있도록 id값을 정해주자.
여기서 id는 숫자로 주어졌지만 마음에 드는 것으로 하면 된다. id도 마음대로 지정해 놓은 것이기 때문에 원하는 이름으로 지어 주어도 된다! 고유한 값이기만 하면 된다!
(단, 고유한 값을 index로 갖는 건 지양하자! index는 순서를 나타내는데, 만약 중간에 있는 리스트가 없어진다면 전체 key값이 변하기 때문이다! 다시 말해, key값은 고유하되 변하지 않는 값으로 넣는 게 안전하다)
3. key값은 map함수가 사용 되는 곳에 넣어준다.
4. li 태그가 리스트가 될 대상이기 때문에, li 태그 안에 key값을 주어 각자 가질 수 있도록 한다.