jsx 이터레이션

배열.map((변수)=> <div key={고유 키 값}>{변수}</div>)

이때, 각 키 값은 고유한 키 값을 가져야 함.
중복 불가

배열.map((변수, index)=> <div key={index}>{변수}</div>)

변수 뒤에 오는 index는 반복마다 자동으로 1씩 증가함
->그러나 인덱스 말고 다른 값을 쓰는 걸 권장

<div key={키 값}><div></div></div>

부모가 있는 경우에는 부모만 줘도 ok