
[TanStack Query] TanStack Query๋
ยท
๐จโ๐ป Programming/React
TanStack Query๋๋คํธ์ํฌ์์ ๋ฐ์์จ ๋ฐ์ดํฐ์ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋๋ก ๋์์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์
๋๋ค.๊ณต์๋ฌธ์TS/JS, React, Solid, Vue, Svelte๋ฅผ ์ํ ๊ฐ๋ ฅํ ๋น๋๊ธฐ ์ํ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ๋ถ์ ์ธ ์ํ๊ด๋ฆฌ, ์๋์ ์ธ refetching ๊ทธ๋ฆฌ๊ณ ๋์์๋ ๋น๋๊ธฐ ์คํ๊ฒํฐ ์ฝ๋๋ฅผ ํ ์คํด๋ผ. ํ
์คํ ์ฟผ๋ฆฌ๋ ์ ์ธ์ ์ด๊ณ , ์ต์ ์ ์๋ํ๋ ์ฟผ๋ฆฌ ๊ทธ๋ฆฌ๊ณ mutation์ ์ค ๊ฒ์
๋๋ค. ๊ทธ ๊ฒฐ๊ณผ ๊ฐ๋ฐ์์ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํฌ ์ ์์ ๊ฒ์
๋๋ค.์ ์ธ์ ์ด๊ณ ์๋์ ์
๋๋ค.๋ฐ์ดํฐ fetching ๋ก์ง์ ์ผ์ผ์ด ์์ฑํ ํ์๊ฐ ์์ต๋๋ค. TanStack Query์๊ฒ ์ด๋์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ฉด ๋๋์ง ์ผ๋ง๋ ๋ฐ์ดํฐ์ ์ ์ ๋๋ฅผ ์ ์งํ ๊ฒ์ธ์ง ๋งํด์ฃผ์ธ์. ๊ทธ๋ฌ๋ฉด ๋๋จธ์ง๋ ์๋์ ์ผ๊ฒ์
๋๋ค. TanStack ์ฟผ๋ฆฌ๋..