map을 이용해서 json data를 화면에 뿌려주기!!

array.map(callbackFunction(currenValue, index, array), thisArg)

이와 같은 방식으로 사용하며

아래와 같은 방식으로 array 안에 있는 각각의 값에 접근해서 function을 실행한다. 

 <div>
      {loading ? <h1>Loading...</h1> : 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>)}
    </div>