ํ๋ ์ฃผ๋ณ์์ ๋ฌผ์ด๋ด์ ๋ฐฐ์์ผ๊ฒ ๋ค ์๊ฐํ๋๋ฐ, ์ค๋ฌด์์๋ ์ฐ๊ฒ๋์ ์ ๋๋ก ์ ๋ฆฌํด๋ณด๋ react-query. DB ๋ฅผ ๋ณ๋ก ์ข์ํ์ง ์์ query ๋ผ๋ ๋จ์ด๋ง ๋ค์ด๋ ๊ฑฐ๋ถ๊ฐ์ด ๋ค์๋๋ฐ, ์๊ณ ๋๋ฉด ๋ณ ๊ฑฐ ์์ ๊ฑฐ ๊ฐ์์ ์ผ๋ฅธ ๋ฐฐ์๋ณธ๋ค. React-Query ๋ฆฌ์กํธ ๋น๋๊ธฐ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. React-Query ์ ์ฐ๋๊ฐ? - ๋ฐ์ดํฐ ์บ์ฑ - get ํ ๋ฐ์ดํฐ ์ ๋ฐ์ดํธ์ ์๋์ผ๋ก get ๋ค์ ์ํ - ๋ฐ์ดํฐ๊ฐ ์์ฑ์ฑํ๋ฉด ๋ค์ ๊ฐ์ ธ์ด - ๋น๋๊ธฐ ๊ณผ์ ์ ์ ์ธ์ ์ผ๋ก ๊ด๋ฆฌ ๊ฐ๋ฅ React-Query Core ๊ฐ๋ - useQuery : GET - useMutation: GET ์ด์ธ์ ๋ค๋ฅธ API method. (POST, UPDATE, DELETE ๋ฑ) ์ฌ๊ธฐ์ ๋๋ฌด ์ ์ ๋ฆฌ๋์ด์์ด ๋ฐ๋ก ์ ๋ฆฌํ ํ์์ฑ์ ๋ชป๋๋..
์ ๊ฐ์๊ธฐ ๋๋ storybook ์ด ๊ถ๊ธํด์ก๋์ง... ๋๋ณด๊ธฐ ์๋ก ํ๋ก์ ํธ๋ฅผ ์์ํ๋ฉฐ, ๋ค๋ฅธ ํ ๋๋ฃ๋ถ๊ป์ ํ๋ก์ ํธ์ storybook ์ ๋์ ํ์ จ๋ค..! ๊ทธ๋ฅ UI ๋ฅผ ํ ์คํธํ๋ ๋๊ตฌ๊ฒ ๊ฑฐ๋ ํ๊ณ ์ฌ์ค ์ ์๋ณด๊ณ ๋๊ฒผ๋๋ฐ, ์ฐ๋ฆฌ ํ์์ ์ต์ ์คํ๋ค๋ก ์์ํ๋ ํ๋ก์ ํธ์์๋ storybook ์ ๋ฃ์๋ ์ด์ผ๊ธฐ๊ฐ ๋์๋ค. ํ ๋ด ์ ์ผํ ํ๋ก ํธ ๊ฐ๋ฐ์๋ก์ ๋ด๊ฐ ๋ฐฐ์์ ํ์๋ค์ ์๋ ค์ค์ผ ํ ์ ์ฅ์ด๊ธฐ์ ์ด๋ฒ ๊ธฐํ์ ๋ญ์ง ์ ๋๋ก ์์๋ณด๋ ค ํ๋ค. Storybook - UI ์ปดํฌ๋ํธ ๊ฐ๋ฐ ๋๊ตฌ => ๋ค์๋งํด ๋ก์ง๊ณผ ๊ด๋ จ ์๋ UI ๋ฅผ ๊ฐ๋ฐํ ๋ ์ฐ๋ฉฐ, ์ค์ ๊ฐ๋ฐํ๋ ๊ณณ์ด ์๋ ๊ฐ๋ฐ์ ๋์์ฃผ๋ ๋๊ตฌ๋ค. - ๋ฉ์ธ ์ดํ๋ฆฌ์ผ์ด์ ๊ณผ ๋ณ๊ฐ๋ก ๋ฐ๋ก ๊ตฌ๋์ด ๊ฐ๋ฅํ ์น์ฌ์ดํธ ํํ๋ค. (ํฌํธ๋ฒํธ๋ฅผ ๋ฌ๋ฆฌํด์ ๋ฌ๋ค.) - React, V..
- Total
- Today
- Yesterday