๐๐ฝ ๋์ ์ธ ๊ฐ๋ฐ์
ํ๊ทธ ๋ชฉ๋ก
- ์ ์ฒด๋ณด๊ธฐ(131)
- JavaScript(15)
- programmers(10)
- level1(10)
- React(5)
- html(5)
- CSS(5)
- typescript(4)
- redux(4)
- ๊ฐ๋ฐ์ผ๊ธฐ(2)
- lodash(2)
- switch(2)
- hooks(2)
- mini project(2)
- json(2)
- ESLint(2)
- object(2)
- .env(2)
- ์์๊ฐ(2)
- type(2)
- lifecycle(2)
- ํจ์คํธ์บ ํผ์ค(2)
- figma(2)
- react redux(2)
- TIL(1)
- scss(1)
- position(1)
- math(1)
- immutablility(1)
- MergeSort(1)
- BEM(1)
- API(1)
- lowDB(1)
- Portal(1)
- Graph(1)
- ์ํฐ๋(1)
- useHistory(1)
- CRA(1)
- ์์ด์ฝ(1)
- flex wrap(1)
- mac(1)
- classes(1)
- ํ๋ก ํธ์ค๋(1)
- stack/queue(1)
- slider(1)
- reduxjs/toolkit(1)
- operator(1)
- ํด์ปคํค(1)
- vue(1)
- vue.js(1)
- countingsort(1)
- errorBoundary(1)
- data-์์ฑ๋ช (1)
- router(1)
- input(1)
- float(1)
- pritter(1)
- deep dive(1)
- write-excel-file(1)
- Chart.js(1)
- Recoil(1)
- useEffect(1)
- useState(1)
- MDN(1)
- Spread(1)
- async(1)
- class(1)
- for(1)
- Flex(1)
- UIUX(1)
- Debouncing(1)
- webpack(1)
- ๊ณ์ ์์ฑ ์คํจ(1)
- method(1)
- git flow(1)
- Generic(1)
- flex grow(1)
- stylelint(1)
- hoisting(1)
- CI/CD(1)
- Route(1)
- parcel(1)
- compileOptions(1)
- CSSModule(1)
- Husky(1)
- level2(1)
- d3.js(1)
- ์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ์ฝ์ค(1)
- Big O(1)
- select(1)
- react-query(1)
- M1์นฉ(1)
- useMemo(1)
- useReducer(1)
- DOM(1)
- redux-middleware(1)
- axios(1)
- 2022 KAKAO BLIND RECRUITMENT(1)
- Interfaces(1)
- material(1)
- fastcampus(1)
- repaint()(1)
- postcss(1)
- ์ ์ด ์ปดํฌ๋ํธ(1)
- SSR(1)
- localstorage(1)
- block(1)
- ๊ฐ๋ฐ์(1)
- Programmer(1)
- ๋ด์ (1)
- inline(1)
- querystring(1)
- hackerthon(1)
- array(1)
- form(1)
- spa(1)
- jest(1)
- HoC(1)
- github(1)
- seo(1)
- CSSOM(1)
- ๋ณ์(1)
- ๊ตญ๋น๊ต์ก(1)
- GSAP(1)
- babel(1)
- TDZ(1)
- CreateElement(1)
- Throttling(1)
- ์์ด๋น์๋น์ฒด(1)
- KDT_bank(1)
- swiperjs(1)
- reflow(1)
- ๋ฐ์ดํฐ ์๊ฐํ(1)
- swiper(1)
- ํ๋ก ํธ์๋ ๋ฉด์ (1)
- boj(1)
- algorithm(1)
- K-Digital-Training(1)
- ThanksToMax(1)
- scope(1)
- git(1)
- MACBOOK ์ด๊ธฐํ(1)
- ๋ฉ๊ฐ๋ฐ์ดํธ์ค์ฟจ(1)
- function(1)
- new ์ฐ์ฐ์(1)
- ์ ๊ทํํ์(1)
- youtubeiframe(1)
์ ์ฒด๋ณด๊ธฐ (131)JavaScript(15)programmers(10)level1(10)React(5)html(5)CSS(5)typescript(4)redux(4)๊ฐ๋ฐ์ผ๊ธฐ(2)lodash(2)switch(2)hooks(2)mini project(2)json(2)ESLint(2)object(2).env(2)์์๊ฐ(2)type(2)lifecycle(2)ํจ์คํธ์บ ํผ์ค(2)figma(2)react redux(2)TIL(1)scss(1)position(1)math(1)immutablility(1)MergeSort(1)BEM(1)API(1)lowDB(1)Portal(1)Graph(1)์ํฐ๋(1)useHistory(1)CRA(1)์์ด์ฝ(1)flex wrap(1)mac(1)classes(1)ํ๋ก ํธ์ค๋(1)stack/queue(1)slider(1)reduxjs/toolkit(1)operator(1)ํด์ปคํค(1)vue(1)vue.js(1)countingsort(1)errorBoundary(1)data-์์ฑ๋ช
(1)router(1)input(1)float(1)pritter(1)deep dive(1)write-excel-file(1)Chart.js(1)Recoil(1)useEffect(1)useState(1)MDN(1)Spread(1)async(1)class(1)for(1)Flex(1)UIUX(1)Debouncing(1)webpack(1)๊ณ์ ์์ฑ ์คํจ(1)method(1)git flow(1)Generic(1)flex grow(1)stylelint(1)hoisting(1)CI/CD(1)Route(1)parcel(1)compileOptions(1)CSSModule(1)Husky(1)level2(1)d3.js(1)์ํฐ๋ ํ๋ฆฌ์จ๋ณด๋ฉ ์ฝ์ค(1)Big O(1)select(1)react-query(1)M1์นฉ(1)useMemo(1)useReducer(1)DOM(1)redux-middleware(1)axios(1)2022 KAKAO BLIND RECRUITMENT(1)Interfaces(1)material(1)fastcampus(1)repaint()(1)postcss(1)์ ์ด ์ปดํฌ๋ํธ(1)SSR(1)localstorage(1)block(1)๊ฐ๋ฐ์(1)Programmer(1)๋ด์ (1)inline(1)querystring(1)hackerthon(1)array(1)form(1)spa(1)jest(1)HoC(1)github(1)seo(1)CSSOM(1)๋ณ์(1)๊ตญ๋น๊ต์ก(1)GSAP(1)babel(1)TDZ(1)CreateElement(1)Throttling(1)์์ด๋น์๋น์ฒด(1)KDT_bank(1)swiperjs(1)reflow(1)๋ฐ์ดํฐ ์๊ฐํ(1)swiper(1)ํ๋ก ํธ์๋ ๋ฉด์ (1)boj(1)algorithm(1)K-Digital-Training(1)ThanksToMax(1)scope(1)git(1)MACBOOK ์ด๊ธฐํ(1)๋ฉ๊ฐ๋ฐ์ดํธ์ค์ฟจ(1)function(1)new ์ฐ์ฐ์(1)์ ๊ทํํ์(1)youtubeiframe(1)
[KDT]FCFE - 9์ฃผ4์ผ React-Redux
react์์ redux store๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ํ๊ณ ์ฌ์ฉํ ์ปดํฌ๋ํธ์์ react-redux์ useSelector hook์ ์ฌ์ฉํ์ฌ data๋ฅผ ์ฝ์ด์ฌ ์ ์๋ค.useSelector hook ์ ์ด์ฉํด ์ฝ์ด์ค๋ฉด ํด๋น ์ปดํฌ๋ํธ๋ฅผ react-redux ๊ฐ ์๋์ผ๋ก
2022๋
1์ 20์ผ
ยท
0๊ฐ์ ๋๊ธยท
0
[KDT]FCFE - 9์ฃผ3์ผ Redux ์ค์ต
npx create-react-application redux-practicenpm i redux react-reduxsrc > store > index.jsindex.jsstore ์ด์ฉ์ด ํ์ํ ๋ถ๋ถ์ ์ ๊ณตํ๋ค.ํ์ง๋ง ํ๋ก์ ํธ์ ํ๋์ store๋ง ๋ง๋ค์ ์์ผ๋ ํ๋ก
2022๋
1์ 19์ผ
ยท
0๊ฐ์ ๋๊ธยท
0