외부 라이브러리 의존성 제거, Vanilla Fetch로 구현하는 견고한 HTTP 통신

Context

Axios와 같은 외부 라이브러리 의존성 증가로 인한 스택 취약성 노출. 패키지 보안 사고 및 유지보수 리스크 발생. 기본 API에 대한 이해 부족으로 인한 디버깅 효율 저하.

Technical Solution

• 외부 의존성 없는 JavaScript 표준 Native API인 fetch 활용 전략
• Base URL 설정을 통한 엔드포인트 관리 및 유지보수성 향상
• async/await 패턴 기반의 비동기 흐름 제어로 코드 가독성 확보
• response.ok 속성 체크를 통한 HTTP 상태 코드 기반의 명시적 에러 핸들링 설계
• try-catch 블록을 활용한 네트워크 예외 처리 및 폴백 데이터 반환 구조
• Interceptor나 구형 브라우저 지원이 필수적인 특수 사례 외에는 Native Fetch 우선 적용 원칙

Key Takeaway

추상화된 라이브러리보다 기본 API(Fundamentals)에 집중하여 외부 의존성을 줄이고 제어권을 확보하는 설계 철학.