[React] createElement, ReactDOM, JSX์— ๋Œ€ํ•ด์„œ
ยท
Frontend/React
createElement React์—์„œ๋Š” createElement ํ•จ์ˆ˜๋ฅผ ํ†ตํ•ด React ์š”์†Œ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ์‹ค์ œ๋กœ createElement๋ฅผ ์“ฐ๋Š” ๊ฒฝ์šฐ๋Š” ๋งŽ์ง€ ์•Š๊ธฐ์—, ์ดํ•ด๋งŒ ํ•˜๊ณ  ๋„˜์–ด๊ฐ€์ž. createElement๋ฅผ ์“ธ ๋•Œ ์ฒซ ๋ฒˆ์งธ argument๋Š” root์— ๋“ค์–ด๊ฐˆ HTML ํƒœ๊ทธ์ด๋ฉฐ, ๋‘ ๋ฒˆ์งธ argument๋Š” props๊ฐ€ ํฌํ•จ๋œ object, ์„ธ ๋ฒˆ์งธ argument๋Š” content์ด๋‹ค. โ€ป chatGPT์˜ createElement์— ๋Œ€ํ•œ ์„ค๋ช…๋„ ์ฒจ๋ถ€ํ•œ๋‹ค. React.createElement(type, [props], [...children]) type: React ์š”์†Œ์˜ ํƒ€์ž…์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, HTML ์š”์†Œ๋ผ๋ฉด ๋ฌธ์ž์—ด๋กœ "div", "span" ๋“ฑ์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž ์ •์˜ ..