React Native 앱의 API 호출 최적화로 AWS 비용 80% 절감하기

목차 배경과 문제 정의 원인 분석: 자동 refetch·포커스 재요청·캐시 미설계 해결 전략 개요(5가지) 구현: 풀코드(파일 구조 → App, Axios, Hooks, Screen 예시) 측정: 호출 수·지표 로깅 및 대시보드 결과: 호출·비용·UX 개선 수치 운영 체크리스트(릴리스 전/후) 추가 최적화(배치 API, ETag/304, 오프라인 캐시 등) 트러블슈팅 FAQ 결론 & 적용 순서 요약 태그(네이버 블로그용) 1) 배경과 문제 정의 React Native 앱에서 화면 전환·포커스·마운트 순간마다 불필요한 API 호출이 쌓이면서, 하루 수천 건의 요청이 발생 → API Gateway/Lambda/전송 비용 급증. 실측 사례: 화면 10회 이동 시 ~30회 호출, 1시간 사용 ~200회, 1일 ~2,000회. 2) 원인 분석 (핵심 4가지) React Query 기본값: refetchOnWindowFocus: true, refetchOnMount: true, staleTi...