Promise 체인에서 async/await로, Fetch API 활용 최적화 전략

Context

네트워크 요청 처리 시 Promise 기반의 .then() 체이닝 구조 사용. 코드 복잡도 증가에 따른 가독성 저하 및 에러 처리의 어려움 발생.

Technical Solution

• async/await 구문을 도입하여 비동기 로직을 동기적 흐름으로 재구성한 설계
• try/catch 블록을 통한 통합 예외 처리 체계 구축
• HTTP Method별 맞춤형 요청 옵션 설정 방식 적용
• POST 및 PUT 요청 시 headers에 application/json 명시 및 JSON.stringify()를 통한 데이터 직렬화 처리
• response.ok 속성을 활용하여 200-299 범위의 상태 코드를 빠르게 검증하는 로직 구현
• Response 객체에서 실제 데이터 추출을 위해 response.json()의 Promise를 추가로 해결하는 2단계 데이터 파싱 구조

Key Takeaway

비동기 작업의 의존성이 높아질수록 체이닝 방식보다 async/await 구조가 유지보수성과 가독성 측면에서 유리함.