- JavaScript fetch에서 데이터를 얻기 위해 두 번의 await이 필요한 이유에 대해 알아봅니다.

---

일반적인 JavaScript 코드에서 fetch 함수를 사용할 때, 우리는 다음과 같이 코드를 작성하곤 합니다.

```
// 첫 번째 await
let response = await fetch('/url');

// 두 번째 await
let data = await response.json();
```

우리가 원하는 데이터까지 접근하기 위해서는 await 키워드를 두 번 사용한 것을 볼 수 있죠. 첫 번째 await 은 그 이유가 짐작이 갑니다. 인자로 넘긴 엔드 포인트에 직접 요청을 보내고 응답을 받아오기까지 오랜 시간이 걸릴 수 있으니까요.

그렇지만 두 번째 await 의 필요성은 의아하게 느껴집니다. 왜냐하면 JSON 데이터를 파싱하는 작업은 그렇게 오래 걸리는 작업이 아니거든요. 우리가 일반적으로 JSON 데이터를 파싱할 때는 동기 메서드인 JSON.parse() 를 사용하는 걸 생각해 보면 더욱 그렇습니다.

그렇다면 fetch API는 왜 이렇게 생겼을까요? 오늘은 그 이유에 대해 알아보려고 합니다.

https://wormwlrm.github.io/2024/11/08/Why-does-JavaScript-fetch-make-me-wait-twice.html

✌️JavaScript fetch 메서드는 왜 2번 await 할까?

세상에는 정말 잘하시는 분들이 많기 때문에, 남들과 비교해서 내 위치가 어디에 있나를 고민하는건 큰 도움이 되지 않는 것 같아요.
동기부여를 위한 자극제?! 정도의 의미는 있을 것 같지만요.

지금 업무를 하시면서 필요한 기술들을 좀 더 깊게 공부해보시거나, 부족하다고 느끼신 있으시다면 그런 것들을 좀 찾아보시거나, 아니면 사이드 프로젝트 같은걸 해보셔도 좋고요.

기준을 과거의 나로 삼고, 내가 1년 전보다 나아졌다면 의미가 있지않을까요?
조금씩이라도 꾸준히 해나가시면 그래도 만족할만한 성과를 얻으실 수 있을거라 생각합니다!

퐈이팅이에요! ?

재직자

유지은

마케터

유근수

개발자

유지은

영기

노머스 백엔드 개발자

준희

클라이언트 개발자

하수빈

프론트엔드

노머스