Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React์™€ Redux๋ฅผ ์ด์šฉํ•œ ํ€ด์ฆˆ ์„œ๋น„์Šค ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ

fastcampus์˜ ํ•œ์ƒํ˜„ ๊ฐ•์‚ฌ๋‹˜์˜ ๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ ์‹ค์Šตํ•œ ํ›„,
ํ•™์Šตํšจ๊ณผ๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด ๋‹ค์‹œ ํ•œ ๋ฒˆ ํ˜ผ์ž์„œ ์ €๋งŒ์˜ ๋ฏธ๋‹ˆ ํ€ด์ฆˆ ํ”„๋กœ๊ทธ๋žจ์„ ๊ตฌํ˜„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Redux์™€ React ํ›… ์‚ฌ์šฉ์„ ์—ฐ์Šตํ•˜๊ธฐ ์œ„ํ•ด
๋””์ž์ธ๋ณด๋‹ค๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์— ์ง‘์ค‘ํ•˜๋ฉฐ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

๋ฐฐ์šด๊ฒƒ๋“ค

Redux ํ™˜๊ฒฝ์„ ์…‹ํŒ…ํ•˜๋Š” ๋ฒ•์„ ๋ฐฐ์› ๊ณ ,
subReducer๋“ค์„ rootReducer์— ๋‹ด์•„์„œ index.jsํŒŒ์ผ์— ์—ฐ๊ฒฐ์‹œํ‚ค๊ณ ,
component์— ์—ฐ๊ฒฐ์‹œ์ผœ์„œ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๊ตฌํ˜„ํ•˜๋Š” ๋ฒ•์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.
useSelector์™€ useDispatch์˜ ๊ธฐ๋Šฅ๊ณผ ์‚ฌ์šฉ๋ฒ•์„ ์ตํ˜”์Šต๋‹ˆ๋‹ค.

ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ๋“ค

  1. Redux ํ™˜๊ฒฝ์„ ์…‹ํŒ…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  2. Provider๋ฅผ ์ด์šฉํ•ด store๋ฅผ ์—ฐ๋™ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  3. React Component์— Redux๋ฅผ ์—ฐ๊ฒฐ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  4. useSelector์™€ useDispatch๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  5. styled component๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages