-
[React.js] ๋๊ด์ ์
๋ฐ์ดํธ(Optimistic Updates) (React Query)
๋๊ด์ ์
๋ฐ์ดํธ(Optimistic Updates) (React Query)๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ ์ฟผ๋ฆฌ(React Query)์์ ์ฌ์ฉ๋๋ ๋๊ด์ ์
๋ฐ์ดํธ(Optimistic Updates)์ ๋ํ์ฌ ์ ๋ฆฌํด๋ณธ๋ค. ๋๊ด์ ์
๋ฐ์ดํธ(Optimistic Updating)๊ฐ๋
๋ฐ์ดํฐ๊ฐ ์ค์ ์๋ฒ์ ๋ฐ์๋๊ธฐ ์ ์ ๋ฏธ๋ฆฌ UI์ ๋ฐ์ํ์ฌ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ํฅ์์ํค๋ ๊ธฐ๋ฒ์ฌ์ฉ์๊ฐ ์๋ฒ ์๋ต์ ๊ธฐ๋ค๋ฆฌ์ง ์๊ณ ๋ ์ฆ๊ฐ์ ์ธ ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๊ฒ ํด์ค๋ค. ์ฃผ์ ๋จ๊ณโ ๋ณ๊ฒฝ ์ ์ํ ์ ์ฅ๋๊ด์ ์
๋ฐ์ดํธ๋ฅผ ์ํํ๊ธฐ ์ ์, ํ์ฌ ์ํ๋ฅผ ์ ์ฅํ๋ค.์ด ์์
์ ์๋ฒ ์์ฒญ์ด ์คํจํ์ ๊ฒฝ์ฐ ์๋ ์ํ๋ก ๋กค๋ฐฑ(Rollback)ํ๊ธฐ ์ํด ํ์ํ๋ค. โก ๋๊ด์ ์ํ ์
๋ฐ์ดํธ์๋ฒ์ ๋ฐ์ดํฐ๋ฅผ ์ ์กํ๊ธฐ ์ ์, ๋ฆฌ์กํธ ์ฟผ๋ฆฌ์ @queryClient.setQu..
2024.07.10