개발 일지/React

OPEN API 써보기2

윌리암 2023. 1. 6. 09:19

데이터를 받아왔는데  이미지는 어떻게 불러올까 ?

다시 문서 확인 

https://developers.themoviedb.org/3/getting-started/images

 

API Docs

 

developers.themoviedb.org

 

 

/p 뒤 w500은 너비 길이 니까 그 뒤는 path라고 생각하면 된다 

그래서 나는 

const BASE_URL = "https://image.tmdb.org/t/p/";
export const getImgPath = (path, size = "w500") => `${BASE_URL}${size}${path}`;

함수를 만들어서 

<UpcomingPoster source={{ uri: getImgPath(movie.poster_path) }} />

 

이런식으로 인자값을 패스에 넣어주었다.