Throttling

DebounceDebounce๋Š” ๊ณผ๋„ํ•œ ์š”์ฒญ์œผ๋กœ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์„ฑ๋Šฅ ์ €ํ•˜ ๋ฌธ์ œ๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜๋‹ค.input์ฐฝ์— ์—ฐ์†์ ์œผ๋กœ ๊ฐ’์„ ์ž…๋ ฅํ• ๋•Œ, ์ด๋ฒคํŠธ ๋ณ€๊ฒฝ์ด ๋ฐœ์ƒํ•˜๊ณ  ๊ทธ๋•Œ๋งˆ๋‹ค ๋„คํŠธ์›Œํฌ ์š”์ฒญ์ด ๋ฐœ์ƒํ•˜๊ฒŒ ๋˜๋Š”๋ฐ, ์ด๋Ÿฐ ๊ฒฝ์šฐ์— ์ง€์†์ ์ธ ์š”์ฒญ์œผ๋กœ ์ธํ•ด ๋„คํŠธ์›Œํฌ ์šฉ๋Ÿ‰๊ณผ ๋ฐฑ์—”๋“œ ๋“ฑ ๊ณผ๋ถ€ํ•˜๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์„ฑ๋Šฅ๋ฉด์—์„œ ์ข‹์ง€ ๋ชปํ•˜๋‹ค.(์œ ๋ฃŒ API์„ ์‚ฌ์šฉํ• ๊ฒฝ์šฐ์—” ๋น„์šฉ๋ฉด์œผ๋กœ๋„ ๋ฌธ์ œ๊ฐ€๋ฐœ์ƒํ•œ๋‹ค..๐Ÿซ ) ๐Ÿ‘‰๐Ÿป Debounce๋ฅผ ์‚ฌ์šฉํ•ด, ์—ฐ์†์ ์œผ๋กœ ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฒคํŠธ ์ค‘ ๋งˆ์ง€๋ง‰ ์ด๋ฒคํŠธ(๊ฒ€์ƒ‰ํ•  ํ‚ค์›Œ๋“œ) ๋งŒ์„ ๊ธฐ์ ์œผ๋กœ ๋„คํŠธ์›Œํฌ ์š”์ฒญ์„ ๋ณด๋‚ด, ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ณผ ๊ฐ™์€ ๋นˆ๋ฒˆํ•œ ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌํ• ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.  useDebounce : ์‚ฌ์šฉ์ž ์ •์˜ Hookimport { useState, useEffect } ..
Yuuuki
'Throttling' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก