์ด์ ์ ๋ง๋ค์๋ ์๊ณ ๋ผ ์คํ
์ด์ธ ๋ฅผ REACT๋ก ๋ง๋ค์์ต๋๋ค.
- ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ๋ณํ
- ๋ชจ๋ฌ์ฐฝ
- ํ์ด์ง๋ค์ด์
- ์ ์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ
- ๋์ค์ปค์
์์ฒญ ๊ธฐ๋ฅ
- ํํฐ๋ง
- ๋์ค์ปค์ ์ถ๊ฐ ๊ธฐ๋ฅ
- ๋์ค์ปค์ ์ญ์ ๊ธฐ๋ฅ
- ๋์ค์ปค์ ๋ต๋ณ ๋ฌ๊ธฐ ๊ธฐ๋ฅ
์ฝ๋ ์์ฒด๊ฐ ๋๋ฌด ๋ณต์กํ๊ณ context api๋ redux๋ฅผ ์ฌ์ฉํ์ง ์์๊ธฐ ๋๋ฌธ์ ์ํ ๊ด๋ฆฌ์ ์ด๋ ค์์ด ์์๋ค.
์ด๋ฐ ๋ถ๋ถ์ ์์ ํ ๊ฒ์ด๋ค.
- fetch
- fetch ์์ฒญ ๋ถ๋ฆฌ ๋ฐ ํจ์ํ
- fetch ์์ฒญ ์๋ฌ ์ฒ๋ฆฌ ๊ตฌํ ํ์
- props
- ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ
- state
- useReducer๋ฅผ ์ด์ฉ: ๋ฐ์ดํฐ ํจ์นญ ์ฝ๋ ์์ ์ผ๋ก ์ธํด์ ํด๊ฒฐ ์๋ฃ
- render : ํ์์๋ ๋ ๋๋ง ์ต์ ํ
- aside ๋ถ๋ถ ์์ ์๋ฃ
- ๋ชจ๋ฌ๋ก ์ธํ ์ฌ๋ ๋๋ง ์์ ํ์
- input ํ์ดํ ์ ๋ ๋๋ง์ด ๋ง์ => useRef ์ฌ์ฉํ ๊น?
๊ธฐ๋ฅ ๊ตฌํ : 2023.02.06 ์์ ์ค : 2023.02.06 ~ ์งํ ์ค