React

React
Custom Hook: ๋กœ์ง์„ ๋ถ„๋ฆฌํ•˜๊ณ , ์กฐํ•ฉํ•˜๊ธฐ

์ปค์Šคํ…€ ํ›…์œผ๋กœ ๋กœ์ง๊ณผ UI๋ฅผ ๋‚˜๋ˆ„๋Š” ๋ฐฉ๋ฒ•, useReducer + Context ์กฐํ•ฉ ํŒจํ„ด, ๊ทธ๋ฆฌ๊ณ  ํ›…์„ ํ•ฉ์„ฑํ•ด ๋ณต์žกํ•œ ์ƒํƒœ๋ฅผ ์šฐ์•„ํ•˜๊ฒŒ ๋‹ค๋ฃจ๋Š” ์ „๋žต์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

React
Compound Component: ์ฑ…์ž„ ๋ถ„๋ฆฌํ•˜๊ธฐ

SRP์™€ Presentational/Container ํŒจํ„ด์„ ํ™œ์šฉํ•œ ์ปดํฌ๋„ŒํŠธ ๊ตฌ์กฐํ™” ๋ฐฉ๋ฒ•๊ณผ, Hook์œผ๋กœ Container์˜ ์—ญํ• ์„ ๋Œ€์ฒดํ•˜๋Š” ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  Compound Component ํŒจํ„ด์œผ๋กœ ๋ณต์žกํ•œ ๊ตฌ์กฐ๋ฅผ ์šฐ์•„ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค.