์ค๋์ ๊ธฐ์ด์ ์ธ ๋ฆฌ์กํธ์์์ ์ํ๊ด๋ฆฌ์ ๋ํด์ ๋ฐฐ์ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฅ๋ฐ๊ตฌ๋ ๋ด๊ธฐ ๊ธฐ๋ฅ์ ๊ตฌํํด๋ณด์์ต๋๋ค.
Side Effect
Side Effect๋ฅผ ์ต๋ํ ๋ฐฐ์ ํ๊ณ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ผ ํฉ๋๋ค. ์ฌ๊ธฐ์ Side Effect๋ก๋ ๋คํธ์ํฌ ์์ฒญ์ด ๋ ์ ์์ต๋๋ค. ์ปดํฌ๋ํธ ์ ๋ ฅ์ด ์ค์ฌ fake ๋ฐ์ดํฐ๋ผ๋ ํํํ ์ ์์ด์ผํ๊ธฐ ๋๋ฌธ์ ์ด๋ฌํ ์ปดํฌ๋ํธ๋ฅผ presentation ์ปดํฌ๋ํธ๋ผ๊ณ ๋ถ๋ฆ ๋๋ค.
ํ์ง๋ง ๋ถ๊ฐํผํ๊ฒ Side Effect๊ฐ ์๊ธธ ์๋ ์์ต๋๋ค. ์ด๋ฌํ ๊ฒฝ์ฐ๊น์ง UI๋ฅผ ๋ง๋ค ๋ ๊ณ ๋ คํด์ค์ผ ํฉ๋๋ค.
Single Source of Truth
์๋ก ๋ค๋ฅธ ์ปดํฌ๋ํธ๊ฐ ๋์ผํ ์ํ๋ฅผ ๋ค๋ฃฌ๋ค๋ฉด, ์ด ์ถ์ฒ๋ ์ค์ง ํ ๊ณณ์ด์ด์ผ ํฉ๋๋ค.
๋ฐ์ดํฐ ๋ฌด๊ฒฐ์ฑ์ด๋ ๋ฐ์ดํฐ์ ์ ํ์ฑ์ ๋ณด์ฅํ๊ธฐ ์ํด ๋ฐ์ดํฐ์ ๋ณ๊ฒฝ์ด๋ ์์ ์ ์ ํ์ ๋์ด ์์ ์ฑ์ ์ ํดํ๋ ์์๋ฅผ ๋ง๊ณ ๋ฐ์ดํฐ๋ฅผ ํญ์ ์ณ๊ฒ ์ ์งํ๋ ๊ฒ์ ๋งํฉ๋๋ค. ๋ฐ์ดํฐ ๋ฌด๊ฒฐ์ฑ์ ์ํด ๋์ผํ ๋ฐ์ดํฐ๋ ํญ์ ๊ฐ์ ๊ณณ์์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ์ค๋๋ก ํด์ผํฉ๋๋ค. ์ด๋ ๊ฒ ํ๊ธฐ ์ํด์๋ ์ ์ญ ์ํ๋ฅผ ์ ๊ด๋ฆฌํด์ค์ผ ํฉ๋๋ค. ์ด์ ๊ด๋ จํด์ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋๋ฐ์. React Context, Redux, MobX ๋ฑ์ด ์์ต๋๋ค. ์ด๋ฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ฉด ์ ์ญ ์ํ๋ฅผ ์ํ ์ ์ฅ์๋ฅผ ์ ๊ณตํ๊ธฐ ๋๋ฌธ์ ๊ด๋ฆฌ๊ฐ ์์ํ๋ฉฐ, Props Drilling ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ต๋๋ค. Props Drilling ๋ฌธ์ ๋ ๋ถ๋ชจ์ ๋ฐ๋ก ๋ฐ์ ์์ ๊ฐ์ด ์๋ ๋ถ๋ชจ์ ๊ทธ ๋ฐ์ ์กด์ฌํ๋ ์์๊ฐ์ ์ฌ์ด์์ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํด์ฃผ๊ธฐ ์ํด props๋ฅผ ๋ง๋ค์ด ์ฌ์ด์ ์กด์ฌํ๋ ์์ ์์๋ค์ ๋ชจ๋ ์ง๋์ผ ํ๋ ๋ฌธ์ ์ ๋๋ค. ์ด๋ฌํ ๋ฌธ์ ๋ ์ ์ญ ์ํ๋ก ์ค์ ํด์ค์ผ๋ก์จ ์ง๊ฒ๋ค๋ฆฌ ํ๋ํ๋์ฉ ๊ฑด๋ ํ์ ์์ด ํ๋ฒ์ ๊ฐ๋ฉด์ ํด๊ฒฐ์ด ๊ฐ๋ฅํฉ๋๋ค.
์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๊ผญ ์์ด์ผํ๋ ๊ฒ์ ์๋์ง๋ง ์์ผ๋ฉด ์ข ๋ ๊ด๋ฆฌ๊ฐ ์์ํด์ง๋๋ค.
'TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
TIL43: ๋ณต์ต (0) | 2021.09.23 |
---|---|
TIL 42: [React] ์ํ ๊ด๋ฆฌ (0) | 2021.09.17 |
TIL 40: [React] ์ปดํฌ๋ํธ ๋์์ธ (0) | 2021.09.15 |
TIL 39: [React] ์ปดํฌ๋ํธ ๋์์ธ (0) | 2021.09.14 |
TIL 38: [React] ์ปดํฌ๋ํธ ๋์์ธ (0) | 2021.09.14 |