async / wait를 사용하면 비동기 처리를 할 수 있다.
이전엔 promise 를 사용하였는데, 비동기 처리에서 사용되는 객체로 axios가 이를 기반으로 만들어졌다.
promise의 단점을 해결하기 위해 async/await 키워드가 추가되었다.
const getMovies = async () => {
const response =
await fetch(
`https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year`
);
const json = await response.json();
이렇게도 사용할 수 있다.
const getMovies = async () => {
const json = await (
await fetch(
`https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year`
)
).json();
'FRONT > REACT' 카테고리의 다른 글
[React] Styled Component (컴포넌트 확장) (0) | 2022.01.19 |
---|---|
[React] Styled Component 사용하기 (0) | 2022.01.19 |
[React] 노마드코더 영화 웹서비스 - Coin Tracker (0) | 2022.01.07 |
[React] 리액트로 간단한 투두리스트 만들기 (0) | 2022.01.07 |
[React] Effect Hook- Clean up 함수 (0) | 2022.01.07 |