안녕하세요, 구독자 님!
뉴스레터를 구독해신 분들께 매번 감사드립니다. 🙇♂️
일반적인 JavaScript 코드에서 fetch 함수를 사용할 때, 우리는 다음과 같이 코드를 작성하곤 합니다.
// 첫 번째 await
let response = await fetch('/url');
// 두 번째 await
let data = await response.json();
우리가 원하는 데이터까지 접근하기 위해서는 await 키워드를 두 번 사용한 것을 볼 수 있죠. 첫 번째 await 은 그 이유가 짐작이 갑니다. 인자로 넘긴 엔드 포인트에 직접 요청을 보내고 응답을 받아오기까지 오랜 시간이 걸릴 수 있으니까요.
그렇지만 두 번째 await 의 필요성은 의아하게 느껴집니다. 왜냐하면 JSON 데이터를 파싱하는 작업은 그렇게 오래 걸리는 작업이 아니거든요. 우리가 일반적으로 JSON 데이터를 파싱할 때는 동기 메서드인 JSON.parse() 를 사용하는 걸 생각해 보면 더욱 그렇습니다.
그렇다면 fetch API는 왜 이렇게 생겼을까요? 오늘은 그 이유에 대해 알아보려고 합니다.
댓글
의견을 남겨주세요