iframe으로 웹앱 통합했더니 토큰 요청이 폭발했다

문제 및 'postMessage' 도입

• 'iframe' 웹앱 통합 시 인증 토큰 공유 문제 발생. 동시 요청, 401 에러 등 난관.
• 'postMessage' API를 통해 크로스 오리진 환경에서 보안성과 유연성을 확보, 최적의 해결책으로 채택. 주요 난관 해결
• 동시 API 호출: Request Queueing으로 중복 토큰 요청 95% 감소.
• 401 에러 폭탄: Promise 공유 패턴으로 단일 토큰 갱신 및 요청 재시도.
• Refresh Token 만료: 에러 코드 분리 후 부모에게 알림, 재로그인 유도.
• 무한 재시도 방지: 쿨다운 메커니즘 (3회 실패 시 5초 대기) 도입. 보안 및 교훈
• Origin 검증과 Rate Limiting으로 보안 강화.
• 동시성 제어, 사용자 경험, 보안의 중요성 강조.