ํฐ์คํ ๋ฆฌ ๋ทฐ
๐ฉ๐ป
[FE/React-Query] React-Query, ์๋ฌ ์ฒ๋ฆฌ๋ฅผ ์ด๋ป๊ฒ ํ ๊ฒ์ธ๊ฐ?
TORAM 2023. 5. 7. 18:34ํ๋ ์ฃผ๋ณ์์ ๋ฌผ์ด๋ด์ ๋ฐฐ์์ผ๊ฒ ๋ค ์๊ฐํ๋๋ฐ, ์ค๋ฌด์์๋ ์ฐ๊ฒ๋์ ์ ๋๋ก ์ ๋ฆฌํด๋ณด๋ react-query.
DB ๋ฅผ ๋ณ๋ก ์ข์ํ์ง ์์ query ๋ผ๋ ๋จ์ด๋ง ๋ค์ด๋ ๊ฑฐ๋ถ๊ฐ์ด ๋ค์๋๋ฐ, ์๊ณ ๋๋ฉด ๋ณ ๊ฑฐ ์์ ๊ฑฐ ๊ฐ์์ ์ผ๋ฅธ ๋ฐฐ์๋ณธ๋ค.
React-Query
๋ฆฌ์กํธ ๋น๋๊ธฐ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ.
React-Query ์ ์ฐ๋๊ฐ?
- ๋ฐ์ดํฐ ์บ์ฑ
- get ํ ๋ฐ์ดํฐ ์ ๋ฐ์ดํธ์ ์๋์ผ๋ก get ๋ค์ ์ํ
- ๋ฐ์ดํฐ๊ฐ ์์ฑ์ฑํ๋ฉด ๋ค์ ๊ฐ์ ธ์ด
- ๋น๋๊ธฐ ๊ณผ์ ์ ์ ์ธ์ ์ผ๋ก ๊ด๋ฆฌ ๊ฐ๋ฅ
React-Query Core ๊ฐ๋
- useQuery : GET
- useMutation: GET ์ด์ธ์ ๋ค๋ฅธ API method. (POST, UPDATE, DELETE ๋ฑ)
์ฌ๊ธฐ์ ๋๋ฌด ์ ์ ๋ฆฌ๋์ด์์ด ๋ฐ๋ก ์ ๋ฆฌํ ํ์์ฑ์ ๋ชป๋๋;;
React-Query Error Handling
'๐ฉโ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[FE/Storybook] Storybook ์ด ๋ญ๊น, ๊ทธ๋ฆฌ๊ณ ์ ์ธ๊น? (0) | 2023.05.07 |
---|
๋๊ธ
๊ณต์ง์ฌํญ
์ต๊ทผ์ ์ฌ๋ผ์จ ๊ธ
- Total
- Today
- Yesterday