기존 배열에 함수를 넣어서 새로운 배열을 리턴할 수 있게 한다.
<ul>
{toDos.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
map함수가 적용되는 곳에 key값을 항상 지정해주자.
<ul>
{toDos.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
{movies.map((movie) => (
<div key={movie.id}>
...
...
<ul>
{movie.genres.map((g) => (
<li key={g}>{g}</li>
))}
</ul>
</div>
))}