[React] Props์— ๋Œ€ํ•ด์„œ
ยท
Frontend
React์—์„œ Props๋Š” ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๋กœ๋ถ€ํ„ฐ ์ž์‹ ์ปดํฌ๋„ŒํŠธ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๋งค์ปค๋‹ˆ์ฆ˜์ด๋‹ค. ์š”์†Œ๋ฅผ ๋งŒ๋“ค ๋•Œ๋งˆ๋‹ค ์Šคํƒ€์ผ๋“ค์„ ์ž‘์„ฑํ•ด์ฃผ๋Š” ๊ฒƒ์€ ๋„ˆ๋ฌด ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฐ๋‹ค. ๊ทธ ๋Œ€์‹  ์Šคํƒ€์ผ๋“ค์„ ๋ชจ๋‘ ๊ฐ–๋Š” ๋‹จ ํ•œ๊ฐ€์ง€์˜ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. Props ์ฝ”๋“œ ์˜ˆ์‹œ ๋‚ด๊ฐ€ ๋งŒ๋“ค๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ๋“ค์€ function Btn() -> ๊ด„ํ˜ธ๋กœ argument(์ธ์ž)๋ฅผ ๋ฐ›๋Š”๋ฐ, ์ด ๋•Œ argument์˜ ์ด๋ฆ„์€ ๋งˆ์Œ๋Œ€๋กœ ์ง€์–ด์ค„ ์ˆ˜ ์žˆ๋‹ค. ๋ฆฌ์•กํŠธ๊ฐ€ ์‹ค์ œ๋กœ ํ•˜๋Š” ์ž‘์—…์€ ํ•จ์ˆ˜(Btn())๋ฅผ ํ˜ธ์ถœํ•ด์„œ ์šฐ๋ฆฌ๊ฐ€ ๋„ฃ์–ด๋‘” ๋ชจ๋“  ๊ฒƒ๋“ค์„ ์ฒซ ๋ฒˆ์งธ ์ธ์ž๋กœ ๋„ฃ์–ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. Btn ์ปดํฌ๋„ŒํŠธ์˜ prop๋“ค์—๊ฒŒ ์ ‘๊ทผํ•˜๋ ค๋ฉด prop.text ๋“ฑ์œผ๋กœ ์ ์–ด์ค€๋‹ค. React.memo() props์— function๋„ ๋ณด๋‚ผ ์ˆ˜..