
DebounceDebounce๋ ๊ณผ๋ํ ์์ฒญ์ผ๋ก ๋ฐ์ํ ์ ์๋ ์ฑ๋ฅ ์ ํ ๋ฌธ์ ๋ฅผ ๊ฐ์ ํ ์ ์๋ ๋ฐฉ๋ฒ ์ค ํ๋๋ค.input์ฐฝ์ ์ฐ์์ ์ผ๋ก ๊ฐ์ ์
๋ ฅํ ๋, ์ด๋ฒคํธ ๋ณ๊ฒฝ์ด ๋ฐ์ํ๊ณ ๊ทธ๋๋ง๋ค ๋คํธ์ํฌ ์์ฒญ์ด ๋ฐ์ํ๊ฒ ๋๋๋ฐ, ์ด๋ฐ ๊ฒฝ์ฐ์ ์ง์์ ์ธ ์์ฒญ์ผ๋ก ์ธํด ๋คํธ์ํฌ ์ฉ๋๊ณผ ๋ฐฑ์๋ ๋ฑ ๊ณผ๋ถํ๊ฐ ๋ฐ์ํ ์ ์์ผ๋ฏ๋ก ์ฑ๋ฅ๋ฉด์์ ์ข์ง ๋ชปํ๋ค.(์ ๋ฃ API์ ์ฌ์ฉํ ๊ฒฝ์ฐ์ ๋น์ฉ๋ฉด์ผ๋ก๋ ๋ฌธ์ ๊ฐ๋ฐ์ํ๋ค..๐ซ ) ๐๐ป Debounce๋ฅผ ์ฌ์ฉํด, ์ฐ์์ ์ผ๋ก ๋ฐ์ํ๋ ์ด๋ฒคํธ ์ค ๋ง์ง๋ง ์ด๋ฒคํธ(๊ฒ์ํ ํค์๋) ๋ง์ ๊ธฐ์ ์ผ๋ก ๋คํธ์ํฌ ์์ฒญ์ ๋ณด๋ด, ์ฌ์ฉ์ ์
๋ ฅ๊ณผ ๊ฐ์ ๋น๋ฒํ ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ ๋ ์ฌ์ฉํ๋ค. useDebounce : ์ฌ์ฉ์ ์ ์ Hookimport { useState, useEffect } ..