ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

ํ•˜๋„ ์ฃผ๋ณ€์—์„œ ๋ฌผ์–ด๋ด์„œ ๋ฐฐ์›Œ์•ผ๊ฒ ๋‹ค ์ƒ๊ฐํ–ˆ๋Š”๋ฐ, ์‹ค๋ฌด์—์„œ๋„ ์“ฐ๊ฒŒ๋˜์„œ ์ œ๋Œ€๋กœ ์ •๋ฆฌํ•ด๋ณด๋Š” 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