map

자바스크립트 내장함수(배열을 가져와 변환하여 새로운 배열을 만들어줌)

react에서는 api를 가져와 화면에 표시할때 사용

*반드시 Key라는 props를 설정해야함!*

보통 id로 정하며, 고유값이 없다면 index로 쓰기도함

<div>{movies.map(movie => <div key={movie.id}>
      <img src={movie.medium_cover_image}/>
      <h2>{movie.title}</h2>
      <p>{movie.summary}</p>
      <ul>
        {movie.genres.map(g => <li key={g}>{g}</li>)}
      </ul>
      </div>