[React] Props์ ๋ํด์
ยท
Frontend
React์์ Props๋ ๋ถ๋ชจ ์ปดํฌ๋ํธ๋ก๋ถํฐ ์์ ์ปดํฌ๋ํธ๋ก ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ๋ ๋ฐ ์ฌ์ฉ๋๋ ๋งค์ปค๋์ฆ์ด๋ค. ์์๋ฅผ ๋ง๋ค ๋๋ง๋ค ์คํ์ผ๋ค์ ์์ฑํด์ฃผ๋ ๊ฒ์ ๋๋ฌด ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฐ๋ค. ๊ทธ ๋์ ์คํ์ผ๋ค์ ๋ชจ๋ ๊ฐ๋ ๋จ ํ๊ฐ์ง์ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด์ ์ฌ์ฉํ ์ ์๋ค. Props ์ฝ๋ ์์ ๋ด๊ฐ ๋ง๋ค๊ณ ์ฌ์ฉํ๋ ๋ชจ๋ ์ปดํฌ๋ํธ๋ค์ function Btn() -> ๊ดํธ๋ก argument(์ธ์)๋ฅผ ๋ฐ๋๋ฐ, ์ด ๋ argument์ ์ด๋ฆ์ ๋ง์๋๋ก ์ง์ด์ค ์ ์๋ค. ๋ฆฌ์กํธ๊ฐ ์ค์ ๋ก ํ๋ ์์
์ ํจ์(Btn())๋ฅผ ํธ์ถํด์ ์ฐ๋ฆฌ๊ฐ ๋ฃ์ด๋ ๋ชจ๋ ๊ฒ๋ค์ ์ฒซ ๋ฒ์งธ ์ธ์๋ก ๋ฃ์ด์ฃผ๋ ๊ฒ์ด๋ค. Btn ์ปดํฌ๋ํธ์ prop๋ค์๊ฒ ์ ๊ทผํ๋ ค๋ฉด prop.text ๋ฑ์ผ๋ก ์ ์ด์ค๋ค. React.memo() props์ function๋ ๋ณด๋ผ ์..