๐๏ธ QueryKey๋?React Query์์ ์บ์๋ ๋ฐ์ดํฐ๋ฅผ ์๋ณํ๋ ๊ณ ์ ํ ํค์ด๋ค.JavaScript ๋ฐฐ์ด ํํ๋ก ์ ์๋๋ฉฐ, ์บ์๋ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ์กฐํํ๋๋ฐ ์ฌ์ฉํ๋ค.// ๊ฐ๋จํ ํํ['todos']// ๊ตฌ์ฒด์ ์ธ ํํ['todos', 'list']['todos', 'detail', 1]['todos', 'list', {status: 'done', page: 1}] ๐ท๐ป QueryKey ์ญํ โ
์บ์ ์๋ณ์๊ฐ ์ฟผ๋ฆฌ์ ๊ฒฐ๊ณผ๋ฅผ ์บ์์ ์ ์ฅํ ๋ ์ฌ์ฉํ๋ ํค์ด๋ค.๋์ผํ QueryKey๋ฅผ ๊ฐ์ง ์ฟผ๋ฆฌ๋ ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ๊ณต์ ํ๋ค. โ
์์กด์ฑ ๊ด๋ฆฌQueryKey๊ฐ ๋ณ๊ฒฝ๋๋ฉด ์๋์ผ๋ก ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ fetch ํ๋ค.ํ๋ผ๋ฏธํฐ๊ฐ ํฌํจ๋ QueryKey๋ ์์กด์ฑ์ฒ๋ผ ๋์ํ๋ค.// userId๊ฐ ๋ณ๊ฒฝ๋ ๋๋ง๋ค ์๋..
React Query
์ฐธ๊ณ ์ฌ์ดํธ• Transtack Query ๊ณต์ ๋ฌธ์ TanStack Start Overview | TanStack Start React DocsTanStack Start is a full-stack React framework powered by TanStack Router. It provides a full-document SSR, streaming, server functions, bundling, and more using tools like and . It is ready to deploy...tanstack.com• HEROPY.DEV ๋์ ๋ธ๋ก๊ทธ TanStack Query(React Query) ํต์ฌ ์ ๋ฆฌTanStack Query๋ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ, ๋ฐ์ดํฐ ์บ์ฑ, ์บ์ ์ ์ด ๋ฑ ๋ฐ์ด..