Front-End ๐ฒ
ํ๊ทธ ๋ชฉ๋ก
- ์ ์ฒด๋ณด๊ธฐ(109)
- react.js(15)
- typescript(9)
- ํ๊ณ (9)
- vue.js(9)
- network(9)
- html(6)
- JavaScript(5)
- next.js(5)
- scss(3)
- Sass(3)
- algorithm(2)
- Pre-Onboarding(2)
- redux(2)
- babel(2)
- webpack(2)
- Web Performance(2)
- SSR(1)
- ์ ๊ทผ์ฑ(1)
- style(1)
- advanced patterns(1)
- Prettier(1)
- reudx(1)
- OOP(1)
- redux saga(1)
- react router dom(1)
- React(1)
- aria(1)
- node.js(1)
- ESLint(1)
- accessibility(1)
- bundler(1)
- JWT(1)
- ๊ฐ๋ฐ์ผ๊ธฐ(1)
- redux-middleware(1)
- Functional Programing(1)
- CSR(1)
์ ์ฒด๋ณด๊ธฐ (109)react.js(15)typescript(9)ํ๊ณ (9)vue.js(9)network(9)html(6)JavaScript(5)next.js(5)scss(3)Sass(3)algorithm(2)Pre-Onboarding(2)redux(2)babel(2)webpack(2)Web Performance(2)SSR(1)์ ๊ทผ์ฑ(1)style(1)advanced patterns(1)Prettier(1)reudx(1)OOP(1)redux saga(1)react router dom(1)React(1)aria(1)node.js(1)ESLint(1)accessibility(1)bundler(1)JWT(1)๊ฐ๋ฐ์ผ๊ธฐ(1)redux-middleware(1)Functional Programing(1)CSR(1)
React ๊ณ ๊ธํจํด
1. Compound Components Pattern ์ด ํจํด์ ์ฌ์ฉํ๋ฉด ๋ถํ์ํ prop driling ์์ด ํํ์ ์ด๊ณ ์ ์ธ์ ์ธ Component๋ฅผ ๋ง๋ค ์ ์๋ค. ๊ด์ฌ์ฌ ๋ถ๋ฆฌ์ ์ดํดํ๊ธฐ ์ฌ์ด API๋ก Component๋ฅผ ๋์ฑ ์ปค์คํฐ๋ง์ด์งํ๋ ค๋ฉด ์ด ํจํด์ ์ฌ์ฉํ๋ ๊ฒ์ ๊ณ ๋ ค Usage.jsx Counter.jsx useCounterContext.js ์ฅ์ API ๋ณต์ก์ฑ ๊ฐ์ ํ๋์ ๊ฑฐ๋ํ ์์ ์ปดํฌ๋ํธ์์ ๋ชจ๋ props๋ฅผ ๊ด๋ฆฌํ๊ณ ํ์ UI ์ปดํฌ๋ํธ๋ก ๋ด๋ ค์ฃผ๋ ๋์ ๊ฐ props๋ ๊ฐ์ฅ ์๋ฏธ๊ฐ ์๋ ์๋ธ์ปดํฌ๋ํธ์ ์ฐ๊ฒฐ์ด ๋๋ค. ์ ์ฐํ ๋งํฌ์ ๊ตฌ์กฐ ์ปดํฌ๋ํธ๋ UI ์ ์ฐ์ฑ์ด ๋ฐ์ด๋ ๋จ์ผ ์ปดํฌ๋ํธ์์ ๋ค์ํ ์ผ์ด์ค๋ฅผ ์
2021๋
11์ 10์ผ
ยท
1๊ฐ์ ๋๊ธยท
1