React ๋ง์คํฐ ํด๋์ค: Part 2 - ๋ฏธ์ ์ผ๋ก ์์ฑํ๋ ๊ณ ์ฑ๋ฅ ํ ๊ณผ ์ค์ ์ํคํ ์ฒ
์ค๋ฌด๋ ๊ฐํนํฉ๋๋ค. ์๋ง ๊ฐ์ ์ค์๊ฐ ๋ฐ์ดํฐ๊ฐ ์์์ง๋ ๊ทนํ์ ํ๊ฒฝ์์๋ ๋ถ๋๋ฌ์ด ์ฌ์ฉ์ ๊ฒฝํ์ ์ค๊ณํ๋ ์ ์ ์ต์ ํ ์ ์๋ฅผ ์น๋ฐํ ๋ฏธ์ ์์คํ ์ ํตํด ์๋ฒฝํ๊ฒ ์ ์ํด ๋๋ฆฝ๋๋ค. ๋จ์ํ ์ฝ๋๋ฅผ ์ง๋ ์ฌ๋์ ๋์ด, ์์ง์ ์๋ฆฌ๋ก ์ฑ๋ฅ์ ์ง๋ํ๋ ๋์ฒด ๋ถ๊ฐ๋ฅํ ์๋์ด ์์ง๋์ด๋ก ๋์ฝํด ๋ณด์ธ์.
์๊ฐ์ 251๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ํด๊ฒฐ
[ํ๋ฉด ์ด์]useReduce ์ฒซ๊ฑธ์ - ํ๋ ์ค์ฌ ์ํ ๋ณํ๋ฅผ ์ฒ์ ๊ฒฝํํ๊ธฐ ํ๋ฉด
์๋ ํ์ธ์?ํด๋น ๊ฐ์๋ฅผ ๋ณด๋ค๊ฐ ๊น๋ง ํ๋ฉด๋ง ๋์์ ํน์ ์์์ด ์ ๋์ค๊ณ ์๋์ง ๋ฌธ์ ๋๋ฆฝ๋๋ค.์ ๊ฐ ๋ง์ ๋๋ฆฌ๋ ํ๋ฉด์ 00:50 - 01:08 ์ ๋๋ค.<
eddie
ใป
13์ผ ์
0
21
2
- ํด๊ฒฐ
useReducer๊ฐ race condition์ ํด์ํ๋ ์์
์๋ ํ์ธ์ ๊ฐ์ฌ๋! ๊ฐ์ ์ ๋ณด๊ณ ์์ต๋๋ค.ํ์ต์ ์ํด useReducer๊ฐ race condition ๋ฌธ์ ๋ฅผ ํด์ํ๋ ์์ ์ฝ๋๋ฅผ ๋ฐ์๋ณผ ์ ์์๊น์?<
reactTAESUN
ใป
2๋ฌ ์
0
72
1
- ํด๊ฒฐ
useRef๋ฅผ ํ์ฉํ ์ด์ ์ํ ์ถ์ ์ ๋ฐ์ํ๋ ESLint ์๋ฌ(react-hooks/refs)์ ๋ํด ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ๊ฐ์ฌ๋! ์์ ๋ด์ฉ์ ๋ฐํ์ผ๋ก useRef๋ฅผ ์ด์ฉํด ์ง์ ์ํ๊ฐ์ ์ ์ฅํ๊ณ ๊ด๋ฆฌํ๋ ๋ก์ง์ ์ค์ตํ๋ ์ค ๊ถ๊ธํ ์ ์ด ์๊ฒจ ์ง๋ฌธ๋๋ฆฝ๋๋ค.๊ฐ์ ๋ด์ฉ์ฒ๋ผ us
react๊ดํ
ใป
3๋ฌ ์
0
125
1
- ํด๊ฒฐ
๋ฏธ์ 18
๋ฏธ์ 18์ ์๋ฌด๋ด์ฉ์ด์์ต๋๋ค + 43๊ฐ ์ฒซ์ฅ์คํ์์ต๋๋ค
reactํ์จ
ใป
3๋ฌ ์
0
61
2






