TIL 6/8 동기, 비동기, Promise

자바스크립트의  동기적 작동 방식에 대해 여러번 학습했지만

 

꾸준하게 헷갈렸다.

 

Promise와 async await을 사용했었지만 그 원리에 대해 자세히 알지 못했다.

 

그래서 이번에 이 파트에 대해서 정말 꼼꼼하게 여러번 학습했다.

 

그러던 중 의아한 게 있었다.

 

 

await은 promise에 사용해야한다.

 

fetch함수는 promise를 반환하는 함수라 await을 사용한 걸 알겠지만

 

movieResponse.json()또한 await을 쓰지 않으면 오류가 발생했다.

 

처음엔 단순히 변수의 선언 할당 과정에서 위의 fetch데이터가 들어오지 않아서 발생하는 오류라고 생각했지만

 

다른 함수에선 fetch를 받아오는 함수에만 await을 사용해도 오류가 나지 않았다.

 

알고보니 .json()함수도 promise를 반환하는 함수였다.