๋ณ์! ํจ์! ๊ทธ๊ฒ ๋๋์ฒด ๋ญ๋ฐ ์ ์ฐ๋๊ฑด๋ฐ
forEach, map, reduce ์ฌ์ฉ ์์
๊ฐ์ฒด๋ ์ฌ๋ฌ ์์ฑ์ ํ๋์ ๋ณ์์ ์ ์ฅํ ์ ์๋๋ก ํด์ฃผ๋ ๋ฐ์ดํฐ ํ์ !๊ฐ์ฒด๊ฐ ์์ผ๋ฉด?๋ฌธ์ : ๋นํธ์ฝ์ธ ์ ๋ณด๋ฅผ ์ถ๋ ฅํ๋ ํจ์๋ฅผ ์ง์ฃผ์ธ์.๋ฌธ์ ์ argument๊ฐ ๋๋ฌด ๋ง์์ง๋ค.๋ง์ฝ์ bitcoine ํ์ฌ ๊ฐ๊ฒฉ ์ ๋ณด๊ฐ ๋ค์ด์ค๋ฉด ํจ์ ์ธ์๋ฅผ ๋ค์ ๋ฃ์ด์ค์ผํด.โ ๊ด๋ฆฌํ๋ฌ.๊ฐ์ฒด
Position ์ด๋ ์์๋ฅผ ์ํ๋ ์์น์ ์์ ๋กญ๊ฒ ์ด๋์ํค๊ธฐ ์ํด ์ฌ์ฉํ๋ property์ด๋ฉฐ, '๋ ์ด์ด๋ฐฐ์น' ์ ๋ํ ๋ด์ฉ์ด๋ค
Box ๊ทธ๋ฆฌ๊ณ , Box์ Block, inline, inline-block ์ ๋ํด์
git life cycle
dropdown event๋ฅผ ๋ง๋ค์ด๋ณด์.
JSX, state, component
๊ตฌ์ฑ ์์ ๋ชฉ๋ก์ ๋ ๋๋ง ํ ๋, React๋ element ๋ชฉ๋ก์์ ๊ฐ element๊ฐ ์ด๋ค ๊ฒ์ธ์ง ํ์คํ ์๊ณ ์ถ์ด ํ๋ค.
๋์ผํ ๋ฐ์ดํฐ์ ๋ํ ๋ณ๊ฒฝ์ฌํญ์ ์ฌ๋ฌ ์ปดํฌ๋ํธ์ ๋ฐ์ํด์ผ ํ ํ์๊ฐ ์๋ค. ์ด๋ด ๋์๋ ๊ฐ์ฅ ๊ฐ๊น์ด ๊ณตํต ์กฐ์์ผ๋ก state๋ฅผ ๋์ด์ฌ๋ฆฌ๋๊ฒ ์ข๋ค. -React ๊ณต์๋ฌธ์-state๋์ด์ฌ๋ฆฌ๊ธฐ๋ ๊ทธ๋ผ ์ ํ๋๊ฐ? => ๋๊ธฐํ!! props : ๊ณ ์ ๊ฐ(๊ธฐ๋ณธ๊ฐ์ผ๋ก ์ฌ์ฉ), RE
ํ์ฌ ์ํฉ์ react-form-hook ์ ์ฌ์ฉํ๋ ์ํฉ์ด๋ค.๊ทธ๋ฌ๋ฏ๋ก {...register} ์ ์ฌ์ฉํด์ผ ํ๋ค. select ์ options ๋ค์ ๋ฐฐ์ด๋ก ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋์ option๋ค์ด๋ค.react=hook-form ์ ์ฌ์ฉํจ์ ์์ด์ ๊ธฐ๋ณธ์ ์ธ ๋ด์ฉ๋ค์ ๋ฏธ๋ฆฌ C
I. ์ฐ๋ ๋ ๊ฐ๋ Thread๋ ์ผ ์ฒ๋ฆฌ๋ฅผ ํ๋ ํ๋์ Line ์ด๋ค. II. ๋๊ธฐ vs ๋น๋๊ธฐ ์ ๋น๋๊ธฐ๊ฐ ํ์ํ๋?? ์๋ฒ์์ ํต์ (๋คํธ์ํฌ ์์ ) ๋๋ฌธ ๋น๋๊ธฐ(Async) :: ์ ๊ธฐ๋ค๋ฆฐ๋ค > ๐ก ์์ ์ ๋ค๋ฅธ ์ฐ๋ ๋์์ ํ๋๋ก ์ํจ ํ, ๊ทธ ์์ ์ด ๋๋
Javascript ๋ ์ฑ๊ธ์ฐ๋ ๋ ์ด์ง๋ง, ๊ทธ๋๋ ์ฐ๋ ๋์ ๊ฐ๋ ์ ์๊ณ ์ค๋ฉด ์ข๋ค.๋ณดํต setTimeout ์ ์ฌ์ฉํ์ฌ ๋น๋๊ธฐ์ฒ๋ฆฌ ์์๋ฅผ ๋๋๋ฐ ์ฒ์ ๋ฐฐ์ ์ ๋ ์ค์ ์ฌ์ฉ๋ฐฉ๋ฒ๊ณผ ์ฝ๊ฐ์ ์ฐจ์ด์ ์ด ์์ด์ ์ ์ดํดํ์ง ๋ชปํ๋ ๋ถ๋ถ์ด ์์๋ค. ๊ทธ๋์ ์ฌ๊ธฐ์๋ Coin papr
useState์ useRef ๋ชจ๋ ์ฃผ์ด์ง state๋ฅผ ๋ณํ์ํฌ ์ ์๋ค. ๊ทธ๋ ๋ค๋ฉด ์ ๋๊ฐ๋ฅผ ๋ง๋ค์์๊น? useState์ ๊ฒฝ์ฐ ์ ์ธํ state๊ฐ setter function์ ์ํด update๋ ๊ฒฝ์ฐ, re-rendering process๊ฐ ์งํ๋์ง๋ง,useRef
useEffect๋ ๋งค ๋ ๋๊ฐ ๋ง๋ฌด๋ฆฌ๋ ํ ์คํ๋๋ค. โ ๋ ๋๊ฐ ์์ผ๋ฉด ์คํ๋์ง ์๋๋ค! > (์ถ์ฒ: https://github.com/Wavez/react-hooks-lifecycle) > Render react์ ๋ ๋๋ง์ pureํด์ผ ํจ (state, p