- 클라우드플레어 대시보드 장애는 자체 사용자 DDoS로 인해 발생, React 코드의 결함 때문 💥
- React의 useEffect 훅 내에서 잘못된 의존성 배열 사용이 문제의 원인 🐛
- 매번 새로운 객체가 생성되어 API 호출이 반복적으로 실행됨 🔄
- 테넌트 서비스 API 업데이트가 불안정성을 가중시켜 서비스 과부하 유발 🤯
- 클라우드플레어 내부에서 React Query 도입에 대한 반대가 있었음 🚫
- 테넌트 API 서비스 변경이 실제 원인이었음에도 React에 대한 과도한 비난이 있었음 🤨
- 장애 해결 과정에서 테넌트 API 서비스에 리소스 추가 및 속도 제한 적용 ⚙️
- Argo rollouts를 통해 자동 롤백이 가능했으나 테넌트 서비스에 적용되지 않음 ⏪
- React Query를 사용하면 데이터 fetching 문제를 효과적으로 해결 가능 💡
- React Query의 장점은 구현뿐만 아니라 TK Dota의 훌륭한 자료도 활용 가능 📚
- 데이터 fetching을 useEffect 내에서 하는 것은 잘못된 React 사용법 ❌
- 클라우드플레어의 오만함이 이번 사태의 원인이며 React 문제가 아님 🎯
- G2I는 기술 채용을 위한 효과적인 솔루션 제공 🤝