props drilling

ยท React
์š”์ฆ˜์— ๊ณผ์ œ๋ฅผ ํ•˜๋ฉด์„œ ์ ์  ์ฝ”๋“œ๊ฐ€ ๊ธธ์–ด์ง€๋‹ˆ๊นŒ ์–ด์ง€๋Ÿฌ์›Œ์ง€๋Š” ๋Š๋‚Œ์ด์˜ˆ์š”. ํŠนํžˆ ์ฝ”๋“œ๊ฐ€ ๊ธธ๊ณ , ํŒŒ์ผ์ด ์—ฌ๋Ÿฌ๊ฐœ ์žˆ์„๋•Œ๋Š” ์ „์ฒด์ ์ธ ๊ตฌ์กฐ๋ฅผ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ๋ฐ์š”. ์˜ค๋Š˜ ๊ณผ์ œ๋Š” ๊ทธ๋ฆผ๋„ ๊ทธ๋ ค๋ณด๋ฉด์„œ ์ „์ฒด์ ์ธ ๊ตฌ์กฐ ํŒŒ์•…์— ์ค‘์ ์„ ๋‘ฌ์„œ ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค ๊ตฌ์กฐํŒŒ์•… 3๋‹จ๊ณ„ 1. ์ปดํฌ๋„ŒํŠธ ๊ธฐ์ค€์œผ๋กœ tree ๊ตฌ์กฐ ์ž‘์„ฑ 2. state๊ฐ€ ์–ด๋””์„œ ์ •์˜๋˜๊ณ , ๋‚ด๋ ค์˜ค๊ณ  ์žˆ๋Š”์ง€ 3. ํ•จ์ˆ˜๊ฐ€ ์–ด๋””์„œ ์ •์˜๋˜๊ณ , ๋‚ด๋ ค์˜ค๊ณ  ์žˆ๋Š”์ง€ 1,2,3 ๋ฒˆ์„ ๋ณด์—ฌ์ฃผ๋Š” ๊ฐ„๋‹จํ•œ ๊ทธ๋ฆผ์„ ๊ทธ๋ ค๋ดค์Šต๋‹ˆ๋‹ค ์ปดํฌ๋„ŒํŠธ๋งŒ ์†์† ๊ณจ๋ผ์„œ ๋ถ€๋ชจ ์ž์‹๊ด€๊ณ„์— ๋”ฐ๋ผ tree ๊ตฌ์กฐ๋„๋ฅผ ๊ทธ๋ ค๋ณด์•˜์Šต๋‹ˆ๋‹ค. (ํฌ๋กฌ ์ต์Šคํ…์…˜ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์Œ) ์ž์‹์ปดํฌ๋„ŒํŠธ ์–ด๋–ป๊ฒŒ ์ฐพ๋ƒ๊ตฌ์š”? ๋ฆฌํ„ด๋ฌธ์— ๊ฐ€์„œ ์ฐพ๋Š”๋‹ค! App ์ด๋ผ๋Š” ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ์—์„œ ์ž์‹ ์ปดํฌ๋„ŒํŠธ์ธ ItemListContainer, Shoppin..