๐ซ ๋ฌธ์ - ๋ฐ์ดํฐ๋ฅผ filtering ํด๋ณด์
๐ code๋ open sandBox๋ฅผ ํ์ธํ๋ฉด ๋ณผ์์์ต๋๋ค.
Filtering์ ํตํด์ query๋ฅผ ํตํด ๊ฐ์ ธ์จ ๋ฐ์ดํฐ๋ฅผ ํ๋ฒ๋ filtering ์ฒ๋ฆฌํ ์ ์์๋ค.
ํต์ฌ์ useQuery์ ๋ด์ฅํจ์์ธ select๋ฅผ ์ด์ฉํ์ฌ ํจ์๋ก ํ๋ฒ ๊ฑธ๋ฌ์ฃผ๋ฉด ๋๋๊ฒ์ด๋ค.
query์ ๊ธฐ๋ฅ ๋ณด๋ค๋ react-Query์ ๋ํ ์ดํด๋์ hooks ์ฌ์ฉ๋ฒ์ ๋ํด์ ์ตํ๋ ์๊ฐ์ด์๋ค.
๋ฌผ๋ก ํ์ฌ ํ์ด์ง์์๋ง ๋ฐ์ดํฐ๋ฅผ search ํ๊ณ ์์ง๋ง ์ ์ฒด ๋ฐ์ดํฐ์ ๋ํด์
search ๋ํ ๊ฐ์ ๋งฅ๋ฝ์ด๋ผ ์๊ฐ์ด ๋ค์๋ค.
๋ด๊ฐ ์๊ฐํ ๋ฐฉ๋ฒ์ ์๋ฒ๋ฐ์ดํฐ๋ฅผ ์ด์ฉํ๊ฑฐ๋, ๋ชจ๋ ๋ฐ์ดํฐ์ ๋ํด์ filtering์
์งํํด์ฃผ๋ฉด ๋๊ธฐ์ ๊ทธ๋ถ๋ถ์
๋์ด๊ฐ๊ณ ๊ธฐ๋ณธ์ ์ธ hooks์ filter๊ธฐ๋ฅ์ ๋ํด์ ์ดํด๋ฅผ ํ ์์์๋ค.