반응형
SMALL
4.0 Fetching Movies from API
Axios
- fetch위에 있는 작은 layer
- 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리
axios.get()
axios로부터 온 data를 잡아야함
- axios는 느려서 javasscript에게 componentDidMount함수가 끝날떄까지 기다려야한다고 전해야함
- async
async componentDidMount(){ const movies= axios.get("https://yts-proxy.now.sh/list_movies.json"); }
- function 따로 만들고 async await 이용
getMovies=async()=>{ //async: 함수가 비동기라는 것 const movies= await axios.get("https://yts-proxy.now.sh/list_movies.json"); }// await: axios가 끝날때까지 기다렸다가 지속됨 componentDidMount(){ this.getMovies(); }
반응형
LIST
'Web 강의 > ReactJS로 영화 웹 서비스 만들기' 카테고리의 다른 글
[노마드코더/ReactJS로 영화 웹 서비스 만들기]4.2 Styling the Movies (0) | 2022.03.18 |
---|---|
[노마드코더/ReactJS로 영화 웹 서비스 만들기]4.1 Rendering the Movies (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기]3.3 Planning the Movie Component (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기]3.0 Class Components and State (0) | 2022.03.18 |
[노마드코더/ReactJS로 영화 웹 서비스 만들기]3.2 Component Life Cycle (0) | 2022.03.18 |