react(2)
-
React (2) - TypeScript ์์ setState props๋ก ๋๊ธธ ๋ Type ์ง์ ํ๋ ๋ฒ
์์ ์ปดํฌ๋ํธ์์ useState ํจ์๋ฅผ ๋๊ธธ ๋ ์๋ ์ฒ๋ผ ๊ธฐ์กด์ ํด์๋ ๊ฒ์ฒ๋ผ void๋ก ๋๊ฒผ๋๋ฐ, react ์์ ๋ ์ ์ ํ ํ์ ์ ์ ๊ณตํ๊ณ ์์๋ค interface ITestProps{ setTest: () => void } SetStateAction ๊ณผ Dispatch ์ด๋ค. import React, { SetStateAction, Dispatch } from 'react' interface Props { setTest: Dispatch } ์์ ์ฝ๋์ฒ๋ผ ํ์ ์ ์์ฑํ๊ฒ ๋๋ฉด ์ด๋ค ํ์ ์ ๊ฐ์ ๋ฃ์ด์ผํ๋์ง ํจ์ฌ ์ฝ๊ฒ ์ ์ ์๋ค. https://newbedev.com/passing-usestate-as-props-in-typescript Passing useState as props in typ..
2022.04.04 -
React (1) - redux-saga
redux-thunk ๋์ redux-saga ๋ฅผ ์ฌ์ฉํ๋ ์ด์ thunk ๋ dispatch ๋ฅผ ์ฌ๋ฌ๋ฒ ๋ถ๋ฌ์ค๋ ๊ธฐ๋ฅ๋ง ๊ฐ์ง๊ณ ์๋ค. npm i redux-saga npm i next-redux-saga redux-saga ์ก์ ์ ๋ชจ๋ํฐ๋งํ๊ณ ์๋ค๊ฐ, ํน์ ์ก์ ์ด ๋ฐ์ํ๋ฉด ์ด์ ๋ฐ๋ผ ํน์ ์์ ์ ํ๋ ๋ฐฉ์์ผ๋ก ์ฌ์ฉํฉ๋๋ค. ์ฌ๊ธฐ์ ํน์ ์์ ์ด๋, ํน์ฅ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ๋ ๊ฒ ์ผ์๋ ์๊ณ , ๋ค๋ฅธ ์ก์ ์ ๋์คํจ์น ํ๋ ๊ฒ ์ผ์๋ ์๊ณ , ํ์ฌ ์ํ๋ฅผ ๋ถ๋ฌ์ค๋ ๊ฒ ์ผ์๋ ์์ต๋๋ค. redux-saga๋ redux-thunk๋ก ๋ชปํ๋ ๋ค์ํ ์์ ๋ค์ ์ฒ๋ฆฌ ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์๋ฉด.. ๋น๋๊ธฐ ์์ ์ ํ ๋ ๊ธฐ์กด ์์ฒญ์ ์ทจ์ ์ฒ๋ฆฌ ํ ์ ์์ต๋๋ค. ํน์ ์ก์ ์ด ๋ฐ์ํ์ ๋ ์ด์ ๋ฐ๋ผ ๋ค๋ฅธ ์ก์ ์ด ๋์คํจ์น๋๊ฒ..
2022.04.03