-
[React.js] use-debounce ํจํค์ง
use-debounce ํจํค์ง๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์ Next.js ๊ฐ์ ํ๊ฒฝ์์ ์ปดํฌ๋ํธ๊ฐ ์์ฃผ ์
๋ฐ์ดํธ ๋์ง ์๋๋ก ํด์ฃผ๋ @use-debounce@ ํจํค์ง์ ๋ํด ์ ๋ฆฌํด๋ณธ๋ค. use-debounce๊ฐ๋
๋ฆฌ์กํธ(React.js)์ Next.js ๊ฐ์ ํ๊ฒฝ์์ ์ปดํฌ๋ํธ๊ฐ ์์ฃผ ์
๋ฐ์ดํธ๋์ง ์๋๋ก ํน์ ๋์์ ๋๋ฐ์ด์ค(Debounce) ํ๊ธฐ ์ํด ์ฌ์ฉํ ์ ์๋ ์ ํธ๋ฆฌํฐ ํ
์ฌ์ฉ์๊ฐ ์
๋ ฅ์ ๋น ๋ฅด๊ฒ ๋ฐ๋ณตํ ๋ ๋ถํ์ํ ๋ฆฌ๋ ๋๋ง์ด๋ API ํธ์ถ์ ๋ฐฉ์งํ๋ ๋ฐ ์ ์ฉํ๋ค. ๋๋ฐ์ด์ค(Debounce)์ฌ์ฉ์๊ฐ ๋ง์ง๋ง์ผ๋ก ๋ฐ์ํ ์ด๋ฒคํธ ์ดํ, ์ผ์ ์๊ฐ ๋์ ์ถ๊ฐ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ง ์์์ ๋๋ง ํจ์๋ฅผ ์คํํ๋ ํจํด์ฃผ๋ก API ์์ฒญ์ด๋ ๋ฆฌ์์ค๊ฐ ๋ง์ด ํ์ํ ์ด๋ฒคํธ ์ฒ๋ฆฌ์ ์ฌ์ฉ๋๋ค.๊ฒ์์ฐฝ์์ ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ๋๋ง๋ค..
1
2024.10.27