- 디바운싱은 React JS 면접 질문으로 자주 등장하는 중요한 개념입니다. 💡
- 인도 전자상거래 웹사이트 Flipkart의 검색창을 예시로 디바운싱의 작동 방식을 설명합니다. 🛒
- 검색창에 텍스트를 입력할 때, 모든 키 입력마다 검색 결과가 즉시 업데이트되지 않습니다. ⌨️
- 사용자가 타이핑을 멈추고 몇 밀리초(예: 300-400ms) 동안 일시 정지한 후에야 검색 제안이 업데이트됩니다. ⏸️
- 이러한 지연된 API 호출 방식이 바로 디바운싱의 핵심 원리입니다. ⏳
- 디바운싱을 사용하지 않고 모든 키 입력마다 API 호출을 하면 불필요한 호출이 과도하게 발생합니다. 🚫
- 과도한 API 호출은 백엔드 서버에 상당한 부하를 주어 성능 저하를 초래할 수 있습니다. 📉





