refactor : service api.ts

[cmlim0070]

🚀요약

📸사진 (구현 캡처)

📝작업 내용

• 요청 대기 배열 삽입시 누락된 reject 인자 추가
• 기존 모든 에러가 네트워크 에러로 넘어오는 사항 개선
• 대기 배열 처리 로직 변경

// 기존
let refreshSubscribers: ((token: string) => void)[] = [];
refreshSubscribers.forEach((callback) => callback(newAccessToken));

// 변경
interface QueueItem {
    resolve: (token: string) => void;
    reject: (error: QueueError) => void;
}
const processQueue = (error: QueueError | null, token: string | null): void => {
    requestQueue.forEach((promise: QueueItem) => {
        if (error) {
            promise.reject(error);
        } else if (token) {
            promise.resolve(token);
        }
    });
    requestQueue = [];
};

🔍백엔드 전달 사항

🎸기타 (연관 이슈)

기존 브랜치에 문제가 있어 이전 PR은 close 하고 새로 열었습니다!

테스트 필요 사항

• 토큰 만료 시 갱신 동작 확인
• 여러 요청이 동시에 401 에러를 받았을 때 처리
• 다양한 에러 상황에서의 동작 확인

추가 개선이 필요한 부분 🚨

• 현재 모든 API 요청에 토큰이 포함되는 문제가 있습니다

TODO (별도 PR로 분리하여 처리하도록 하겠습니다)

• API 인스턴스를 용도별로 분리 ex) authApi: 인증이 필요한 요청 / publicApi: 인증이 필요없는 요청 (로그인, 회원가입 등)

close #471

[github-actions]

✅ Build 성공!

[github-actions]

⚡️ Lighthouse Report (Average of 5 runs)

Category	Score
🟠 Performance	77
🟠 Accessibility	65
🟢 SEO	90
🟢 Best Practices	100

Core Web Vitals (Average)

Metric	Value
🔴 First Contentful Paint	3.9 s
🔴 Largest Contentful Paint	4.1 s
🟢 Cumulative Layout Shift	0.0