[구현 및 최적화 스터디] 자동완성 검색(디바운싱과 쓰로틀링)
🌱 결과물 🌱 디바운싱(Debouncing): 연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것 아래는 디바운싱을 적용하기 전과 후의 검색어 요청 모습이다. "안녕하세요" 라는 검색어를 입력 중인데, 적용 전은 매 입력마다 요청을 하고, 적용 후에는 최종 검색어만 요청을 한다.// 디바운싱 const [debouncedInput, setDebouncedInput] = useState(input); useEffect(() => { const handler = setTimeout(() => { setDebouncedInput(input); }, 300); // 300ms 지연 return () => { clearTimeout(hand..
FrontEnd/구현
2024. 3. 10. 21:50
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 패키지 매니저
- Network
- Tanstack-Query
- Tanstack Query
- 무한스크롤
- 알고리즘
- 캡스톤디자인
- react-query
- 티스토리챌린지
- Next.js
- Firebase
- prettier
- web
- zustand
- 오블완
- AI Challeng for Biodiversity
- 핀터레스트
- React Query
- 이브와ICT멘토링
- github
- Masonry 레이아웃
- style-lint
- 디바운싱
- sass
- 쓰로틀링
- react
- eslint
- git
- 네트워크
- 최적화
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
글 보관함