#List의 Key

- 아이템을 분류하기위한 고유한 값
- ex) 주민번호, 학번, 핸드폰 번호, 여권번호...
- ! 특정 범위에서만 고유하면 된다

즉, Key의 값은 같은 List에 있는 Elements사이에서만 고유한 값이면 된다
- A리스트가 갖는 [1,2,3,4,5]와
- B리스트가 갖는 [1,2,3,4,5]는
서로 다른 고유 값이다(A그룹/B그룹 내에서만 고유한 값이면 된다)

# 키 값을 설정하는 방법들...

1. key로 리스트 값 사용

const numbers = [1,2,3,4,5];
const listItems = numbers.map((number) => 
	<li key={number.toString()}>
		{number}
	</li>
);  

2. key로 id 사용

const todoItems = todos.map((todo) => 
	<li key={todo.id}>
		{todo.text}
	</li>
);  

3. key로 리스트의 index 사용

const todoItems = todos.map((todo, index) => 
	// 아이템들의 고유한 ID가 없을 경우에만 사용해야 한다
	// but, 값들이 삭제나 변경되는 경우 index넘버가 바뀌기 때문에 가급적 id를 키값으로 사용하는 것이 좋다
	// index -> 0부터 시작하는 데이터들의 주소라 생각하면 편하다
	<li key={index}>
		{todo.text}
	</li>
);  

#map() 함수 안에 있는 Elements는 꼭 Key가 필요하다!