1. ๊ฐ์ ์๊ฐ
์ํ์ฝ๋ฉ์ Redux ์์
์ ์์ธก ๊ฐ๋ฅํ ์ ํ๋ฆฌ์ผ์ด์
์ ์ํ ์ ์ฅ์์ธ Redux๋ฅผ ๋ค๋ฃจ๋ ๊ฐ์์
๋๋ค. ์ด ๊ฐ์์์๋ ์์ํ ์น๊ธฐ์ ์ธ HTML, JavaScript์ Redux๋ง์ ์ด์ฉํด์ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ๋ง๋ค์ด ๋ณผ ๊ฒ์
๋๋ค.
์ด ๊ฐ์๋ ์๋์ ๊ฐ์ ๋ด์ฉ์ ๋ค๋ฃจ๊ณ ์์ต๋๋ค.
- Redux์ ๋์ ๋ฐฉ๋ฒ
- Redux๋ฅผ ์ฌ์ฉํ๋ ์ด์
- Redux๋ฅผ ์ด์ฉํด์ ํ ์ ์๋ ์ผ๋ค
- ์๊ฐ ์ฌํ ๋๋ฒ๊น
- ๋ก๊น
์๋ ๋ด์ฉ์ ๋ค๋ฃจ๊ณ ์์ง ์์ต๋๋ค.
- Redux ๋ฏธ๋ค์จ์ด
- React-redux
2. ๊ฐ์ ๋์
๋ฆฌ๋์ค๋ฅผ ์ด์ฉํด์ ๋ ๋จ์ํ ์ฝ๋๋ก ๋ ๋ณต์กํ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ง๋ค๊ณ ์ถ์ ๋ถ์๊ฒ ์ถ์ฒํฉ๋๋ค. ์ฐธ๊ณ ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ์ด๊ธ์์๊ฒ๋ ํ์ํ์ง ์์ ๋๊ตฌ์
๋๋ค. ์ด์ฌ์๋ผ๋ฉด Redux๊ฐ ๋ฌด์์ธ์ง ์ ๋๋ง ์์๊ณ , ๋์ค์ ํ์ํ ๋ ์ฌ์ฉํ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.
3. ์์
์๋์ ๊ฐ์ ์ ํ๋ฆฌ์ผ์ด์
์ Redux๋ก ์ ์ํด๋ณด๋ ๊ฒ์
๋๋ค.
https://egoing.github.io/redux-tutorial-example/main.html
์์ค์ฝ๋
5. ๊ฐ์ ์ฐธ์ฌ ์กฐ๊ฑด
์ด ๊ฐ์๋ฅผ ๋ฃ๊ธฐ ์ํด์๋ ์๋์ ๊ฐ์ ์ ํ ์ง์์ด ํ์ํฉ๋๋ค.
6. ์ ์ฒด ์ฌ์์๊ฐ
์ด 18๊ฐ์ ์์์ผ๋ก ์ด๋ฃจ์ด์ง 2์๊ฐ 16๋ถ ๋ถ๋์ ์์
์
๋๋ค.
7. ์์
์ ์๊ถ
.jpg)
์ด ๊ฐ์๋ CC ๋ผ์ด์ผ์ค๋ฅผ ๋ฐ๋ฅด๊ณ ์์ผ๋ฉฐ, ์๋ ๋งํฌ์์๋ ๋ณผ ์ ์์ต๋๋ค.
https://opentutorials.org/module/4078 ์ข์ ์ง์์ ๊ณต์ ํด์ฃผ์๋ ์ํ์ฝ๋ฉ์ ๊ฐ์ฌ์ ๋ง์์ ์ ํฉ๋๋ค.