비동기

componentDidMount() {

// processing response

// 함수형은 딱 뭐하는지 한눈에 확인가능

console.log(fetch('')); // promise 객체를 리턴

const res = fetch('https://yts.am/api/v2/list_movies.json?sort_by=rating').then( response => // localhost:3000에 떄린거 fetch안에 인자가 비어있어서, 마지막으로 리턴해준값을 받을수있음

response.json()// body : ReadableStream으로 되어있는데 이걸 json으로 바꿔줘야함, cors : 같은데서 요청이 들어갈때

).then( json => {

console.log(json);

this.setState({

movies: json.data.movies

})

})

.catch( err =>

console.error(err)

);

}

fetch : ajax 통신 가능   비동기 

then : 비동기로 온값을 받음

catch : 모든 예외를 출력

_getMovies = async() => { // async 비동기라는뜻 호출후 바로 밑으로내려가게끔

const movies = await this._callApi(); // await 값이 올때까지 기다림

this.setState({

movies: movies

})

}

async : 비동기 메소드라는 표시

await : 비동기 값이 올때까지 기다림