[TanStack Query] TanStack Query๋ž€
ยท
๐Ÿ‘จโ€๐Ÿ’ป Programming/React
TanStack Query๋ž€๋„คํŠธ์›Œํฌ์—์„œ ๋ฐ›์•„์˜จ ๋ฐ์ดํ„ฐ์˜ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.๊ณต์‹๋ฌธ์„œTS/JS, React, Solid, Vue, Svelte๋ฅผ ์œ„ํ•œ ๊ฐ•๋ ฅํ•œ ๋น„๋™๊ธฐ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์„ธ๋ถ€์ ์ธ ์ƒํƒœ๊ด€๋ฆฌ, ์ˆ˜๋™์ ์ธ refetching ๊ทธ๋ฆฌ๊ณ  ๋Š์ž„์—†๋Š” ๋น„๋™๊ธฐ ์ŠคํŒŒ๊ฒŒํ‹ฐ ์ฝ”๋“œ๋ฅผ ํ† ์Šคํ•ด๋ผ. ํ…์Šคํƒ ์ฟผ๋ฆฌ๋Š” ์„ ์–ธ์ ์ด๊ณ , ์ตœ์‹ ์˜ ์ž๋™ํ™”๋œ ์ฟผ๋ฆฌ ๊ทธ๋ฆฌ๊ณ  mutation์„ ์ค„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ ๊ฒฐ๊ณผ ๊ฐœ๋ฐœ์ž์™€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.์„ ์–ธ์ ์ด๊ณ  ์ž๋™์ ์ž…๋‹ˆ๋‹ค.๋ฐ์ดํ„ฐ fetching ๋กœ์ง์„ ์ผ์ผ์ด ์ž‘์„ฑํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. TanStack Query์—๊ฒŒ ์–ด๋””์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋ฉด ๋˜๋Š”์ง€ ์–ผ๋งˆ๋‚˜ ๋ฐ์ดํ„ฐ์˜ ์‹ ์„ ๋„๋ฅผ ์œ ์ง€ํ•  ๊ฒƒ์ธ์ง€ ๋งํ•ด์ฃผ์„ธ์š”. ๊ทธ๋Ÿฌ๋ฉด ๋‚˜๋จธ์ง€๋Š” ์ž๋™์ ์ผ๊ฒƒ์ž…๋‹ˆ๋‹ค. TanStack ์ฟผ๋ฆฌ๋Š”..