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

whatisthis?

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

React.js ์„ ์–ธํ˜• ์ฝ”๋“œ๋ฅผ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๊ณ  ๋””๋ฒ„๊ทธํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์คŒ. ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ๋‹ค์–‘ํ•œ ํ˜•์‹์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์•ฑ ์•ˆ์—์„œ ์†์‰ฝ๊ฒŒ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๊ณ , DOM๊ณผ๋Š” ๋ณ„๊ฐœ๋กœ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Œ. ๐Ÿ’ก ์›นํŒฉ(webpack)์˜ ๊ธฐ๋Šฅ - ์ชผ๊ฐœ์ง„ js ํŒŒ์ผ์„ html์ด ์‹คํ–‰ํ• ์ˆ˜ ์žˆ๋Š” ํ•˜๋‚˜์˜ ํŒŒ์ผ๋กœ ํ•ฉ์ณ์ค€๋‹ค. React ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ HTML like-button.js const e = React.createElement; class LikeButton extends React.Component { constructor(props) { super(props); } render() { return e("button", null, "like"); } } ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ - class ํด๋ž˜์Šค๋ช… extends React.Co..
WEB STUDY/REACT 2022. 3. 13. 13:43
์ด์ „ Prev 1 Next ๋‹ค์Œ