JavaScript fetch 메서드는 왜 2번 await 해야만 할까? - 재그지그의 개발 블로그
재그지그의 개발 블로그
✌️JavaScript fetch 메서드는 왜 2번 await 할까?
- 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
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 11월 7일 오후 6:16
댓글 1
좋은 글 잘 보았습니다 :)
함께 읽은 게시물
나머지 책들도 알려달라고 하셔서 적어봅니다.
... 더 보기
골빈해커
Chief Maker
내가 꼽는 소프트웨어 개발자 필독서 Top 3 중 하나. AI가 구현(코딩)을 대신해주는 시대이기에 소프트웨어 개발자라면 더욱 필수적으로 읽어야 할 책이 아닐지. 하지만 10년 뒤에는 코딩이라는 행위가 정말로 로스트 테크놀로지 같은 느낌이 될 수도 있을 것 같아, 한 번 더 읽어보기로했다.
오늘의 탐라는 git rebase로군요.
작은 팀에서는 rebase없이 그냥 날것의 커밋을 공유하는게 좋다고 생각하고, 큰 팀에서는 로컬 커밋에서만 자잘한 커밋을 약간 정리하는 차원에서 rebase를 하는게 좋다고 생각합니다.
개발자를 선택한 이유
저는 직업이 인생에서 가장 중요한 요소라고 생각합니다. 인생의 2/3 이상을 일에 투자해야 하기 때문입니다.
... 더 보기FSD와 Clean Architecture의 만남: Clean F.S.D
FSD(Feature-Sliced Design)와 Clean Architecture.
두 가지는 출발점이 달라 보이지만,
이 글 하나면 끝, SQL 추천 책부터 코테 노하우까지 완전 정복하기
안
... 더 보기
