๐Ÿ‘ฝํ”„๋ก ํŠธ์—”๋“œ:Frontend

๐Ÿ‘ฝํ”„๋ก ํŠธ์—”๋“œ:Frontend

React

React React์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. โœ… let vs var letํ‚ค์›Œ๋“œ๋Š” varํ‚ค์›Œ๋“œ์™€ ๋‹ค๋ฅด๊ฒŒ ์ค‘๋ณต์„ ์–ธ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค โœ… jsx react์—์„œ๋Š” js๋Œ€์‹  jsx๋ผ๋Š” ๊ฒƒ์„ ์“ด๋‹ค. jsx๋Š” return๋ฌธ ์•ˆ์—์„œ ์‚ฌ์šฉํ•œ๋‹ค. jsx์•ˆ์—์„œ js ํ‘œํ˜„์‹์„ ์ž‘์„ฑํ•˜๋ ค๋ฉด {}๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. ์ด๋•Œ {}์•ˆ์—์„œ๋Š” if๋ฌธ๊ณผ for๋ฌธ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. ( ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ์ค‘๊ด„ํ˜ธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ href, id, className, src๋“ฑ ์—ฌ๋Ÿฌ html ์†์„ฑ๋“ค์—๋„ ๊ฐ€๋Šฅ function App() { let data='red' return ( {red} ); } style์†์„ฑ ๊ธ€์”จ {์†์„ฑ๋ช…:'์†์„ฑ๊ฐ’'} ์ฆ‰ ๊ฐ์ฒด ํ˜•ํƒœ๋กœ style์„ ์คŒ ์†์„ฑ๋ช…์— '-'(๋Œ€์‰ฌ)๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. ์นด๋ฉœ ..

mc.thd
'๐Ÿ‘ฝํ”„๋ก ํŠธ์—”๋“œ:Frontend' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก