ํญํด ํ๋ฌ์ค ํ๋ก ํธ์๋ ํ๊ธฐ (3์ฃผ์ฐจ) - ์ด๋ฒ์ React Hook์ ๋ง๋ค๋ผ๊ณ ์?
velog.io
๐ป React์ ํต์ฌ ๊ธฐ๋ฅ์ ์ง์ ๊ตฌํํด๋ณด๊ธฐ ๐คฉ
ํญํด ํ๋ฌ์ค ํ๋ก ํธ์๋ 3์ฃผ์ฐจ ๊ณผ์ ๋ ๋ฆฌ์กํธ์ Hook๊ณผ HOC๋ฅผ ๋ง๋ค์ด๋ณด๋ ๊ฑฐ์์ต๋๋ค.
useRef, useMemo, useCallback ๊ฐ์ Hook๋ค๊ณผ memo, deepMemo ๊ฐ์ HOC๋ฅผ ์ง์ ๊ตฌํํ๋ฉด์ ๋ฆฌ์กํธ์ ๋ด๋ถ ๋์ ์๋ฆฌ๋ฅผ ์ดํดํ ์ ์์์ต๋๋ค!
๊นจ๋ฌ์ ์ :
- Hook๊ณผ HOC์ ์ค์ ๊ตฌํ ์๋ฆฌ
- ๋ณต์กํ ๊ธฐ๋ฅ๋ ๊ฒฐ๊ตญ ๊ธฐ๋ณธ๊ธฐ์ ์กฐํฉ
- ์ต์ ํ ๊ธฐ๋ฅ์ ํต์ฌ์ '๋น๊ต' ๋ก์ง
์์ธํ ๋ด์ฉ์ด ๊ถ๊ธํ์๋ค๋ฉด ์ ๋ฒจ๋ก๊ทธ๋ฅผ ํ์ธํด์ฃผ์ธ์ ๐ซถ๐
๋ ๋ง์ ์ฝํ ์ธ ๋ฅผ ๋ณด๊ณ ์ถ๋ค๋ฉด?
์ด๋ฏธ ํ์์ด์ ๊ฐ์?
2025๋ 1์ 6์ผ ์คํ 2:43
์ ๋ ์ง์ ์ด ์ธ์์์ ๊ฐ์ฅ ์ค์ํ ์์๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์ธ์์ 2/3 ์ด์์ ์ผ์ ํฌ์ํด์ผ ํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
... ๋ ๋ณด๊ธฐFSD(Feature-Sliced Design)์ Clean Architecture.
๋ ๊ฐ์ง๋ ์ถ๋ฐ์ ์ด ๋ฌ๋ผ ๋ณด์ด์ง๋ง,
๋๋จธ์ง ์ฑ ๋ค๋ ์๋ ค๋ฌ๋ผ๊ณ ํ์ ์ ์ ์ด๋ด ๋๋ค.
... ๋ ๋ณด๊ธฐ๊ณจ๋นํด์ปค
Chief Maker
๋ด๊ฐ ๊ผฝ๋ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ํ๋ ์ Top 3 ์ค ํ๋. AI๊ฐ ๊ตฌํ(์ฝ๋ฉ)์ ๋์ ํด์ฃผ๋ ์๋์ด๊ธฐ์ ์ํํธ์จ์ด ๊ฐ๋ฐ์๋ผ๋ฉด ๋์ฑ ํ์์ ์ผ๋ก ์ฝ์ด์ผ ํ ์ฑ ์ด ์๋์ง. ํ์ง๋ง 10๋ ๋ค์๋ ์ฝ๋ฉ์ด๋ผ๋ ํ์๊ฐ ์ ๋ง๋ก ๋ก์คํธ ํ ํฌ๋๋ก์ง ๊ฐ์ ๋๋์ด ๋ ์๋ ์์ ๊ฒ ๊ฐ์, ํ ๋ฒ ๋ ์ฝ์ด๋ณด๊ธฐ๋กํ๋ค.
๋๊ท๋ชจ ํธ๋ํฝ์ ๊ธฐ์ค, ์ด๋ ค์ฐ์์ฃ ? ์๊ฑด ์ฝ ์ฐ์ด ๋ง์๋๋ฆด ์ ์๊ฒ ๋ค์. (๋ฌผ๋ก ๊ฐ์ธ์ ์ธ ๊ธฐ์ค์ด๊ธด ํฉ๋๋ค๋ง)
โ์ต์ ํ๊ฐ ์ ๋์ด ์๋ค๋ ๊ฐ์ ํ์, ํ์กดํ๋ ์ต๊ณ ์ฌ์์ ํ๋์จ์ด๋ฅผ ๊ฐ์ถ ๋จ์ผ ์๋ฒ ํน์ ๋จ์ํ ๋ก๋๋ฐธ๋ฐ์๋ง์ผ๋ก ๋ฐ์ ์ ์๋ ํ๊ณ๋ฅผ ๋๋ ํธ๋ํฝโ
์ค๋์ ํ๋ผ๋ git rebase๋ก๊ตฐ์.
์์ ํ์์๋ rebase์์ด ๊ทธ๋ฅ ๋ ๊ฒ์ ์ปค๋ฐ์ ๊ณต์ ํ๋๊ฒ ์ข๋ค๊ณ ์๊ฐํ๊ณ , ํฐ ํ์์๋ ๋ก์ปฌ ์ปค๋ฐ์์๋ง ์์ํ ์ปค๋ฐ์ ์ฝ๊ฐ ์ ๋ฆฌํ๋ ์ฐจ์์์ rebase๋ฅผ ํ๋๊ฒ ์ข๋ค๊ณ ์๊ฐํฉ๋๋ค.
์ต๊ทผ์ ๋๊ตฐ๊ฐ ๋ด๊ฒ "๊ธฐ์ ์ ์ด๋ป๊ฒ ํ์ตํ์๋์?"๋ผ๋ ์ง๋ฌธ์ ํ ์ ์ด ์๋ค. ๋จธ๋ฆฟ์์๋ ์ ๋ง ๋ค์ํ ์๊ฐ๋ค์ด ์ค์ณค์ง๋ง, ๋๋ ๊ทธ์ค์์๋ ๊ฐ์ฅ ์ค์ํ๋ค๊ณ ์๊ฐํ๋ ํ ๊ฐ์ง๋ฅผ ๋ตํ๋ค. ๊ธฐ์ ์ ๋ฐฐ์ฐ๋ ๋ฐ ํ์ํ ๊ฒ์ ๋ฑ ํ๋, ์ถฉ๋ถํ ๊ด์ฌ์ด๋ผ๊ณ ์๊ฐํ๋ค. ์ฌ๊ธฐ์ ๋งํ๋ ๊ด์ฌ์ ๊ทธ์ ํฅ๋ฏธ๋ก ๋๋๋ ๊ฒ์ด ์๋๋ผ, ๋์์์ด ๊ด์ฐฐํ๊ณ ํ์ธํ๊ณ ์๋ฅผ ๊ณ ๋ฏผํด๋ณด๋ ์ ๊ทน์ ์ธ ํธ๊ธฐ์ฌ์ ์๋ฏธํ๋ค.
... ๋ ๋ณด๊ธฐ