๋ชฉ๋ก2022/03/14 (1)

whatisthis?

220314 [TIL] Today I Learned ๐Ÿ’ฏ React.js

React.js Day 02 (=๋นˆ ํƒœ๊ทธ)์˜ ์‚ฌ์šฉ ๋ฆฌ์•กํŠธ์—์„œ ๋‹จ์ ์ด์˜€๋˜ ๊ฒƒ์ด ํ•ญ์ƒ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋กœ ๊ฐ์‹ธ์คฌ์–ด์•ผ ํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด, reactDOM์œผ๋กœ ๋ Œ๋”๋ง ํ–ˆ์„๋•Œ root>div>์ปดํฌ๋„ŒํŠธ ์ด๋Ÿฐ์‹์œผ๋กœ ์“ธ ๋ฐ ์—†๋Š” div๊ฐ€ ์ƒ๊ฒจ๋ฒ„๋ฆฌ๊ฒŒ ๋œ๋‹ค. ๋”ฐ๋ผ์„œ, ์ด๋Ÿฐ ๋‹จ์ ์„ ๊ฐœ์„ ํ•œ ๊ฒƒ์ด ๋ฐ”๋กœ ๋กœ ๊ฐ์‹ธ์ฃผ๋Š” ๊ฒƒ. 1. ์ปดํฌ๋„ŒํŠธ์˜ render ๋ถ€๋ถ„ return ( ๐Ÿ’ฏ๊ตฌ๊ตฌ๋‹จ ๊ฒŒ์ž„๐Ÿ’ฏ ๐Ÿ“ƒ {this.state.first} ๊ณฑํ•˜๊ธฐ {this.state.second} ๋Š”? ์ž…๋ ฅ LOG ๐Ÿ”Ž {this.state.line} {this.state.result} ); 2. ReactDOM์˜ render ๋ถ€๋ถ„ ReactDOM.render( , document.querySelector("#root") ); ์ด๋Ÿฐ์‹์œผ๋กœ div#root ํ•˜์œ„ div๋“ค์ด ..
WEB STUDY/REACT 2022. 3. 14. 11:26
์ด์ „ Prev 1 Next ๋‹ค์Œ