๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ฐธ์กฐํ˜•3

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ๋ณต์‚ฌ ๋น„๊ต( ๊ธฐ๋ณธํ˜•๋ฐ์ดํ„ฐ, ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ) ์•„๋ž˜ ๊ฒŒ์‹œ๋ฌผ์„ ๋‹ค ์ดํ•ดํ–ˆ๋‹ค๋Š” ๊ฐ€์ •์—์„œ ์“ฐ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.!! 2023. 2. 13.
๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ์™€ ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ(๋ถˆ๋ณ€์„ฑ, ๊ฐ€๋ณ€์„ฑ) ๋ถˆ๋ณ€๊ฐ’ ๋ณ€์ˆ˜์™€, ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„ํ•˜๋Š” ์„ฑ์งˆ์€ "๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ" ์ž…๋‹ˆ๋‹ค. ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์œผ๋ฉด ๋ณ€์ˆ˜, ๋ฐ”๊ฟ€ ์ˆ˜ ์—†์œผ๋ฉด ์ƒ์ˆ˜ ์ž…๋‹ˆ๋‹ค. ๋ถˆ๋ณ€๊ฐ’๊ณผ ์ƒ์ˆ˜๋ฅผ ๊ฐ™์€ ๊ฐœ๋…์œผ๋กœ ์˜คํ•ดํ•˜๋ฉด ์•ˆ๋œ๋‹ค. ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„ ์ง“๋Š” "๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ"์€ ๋ณ€์ˆ˜ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ ์ด๋‹ค. ๋ฐ˜๋ฉด, ๋ถˆ๋ณ€์„ฑ ์—ฌ๋ถ€๋ฅผ ๊ตฌ๋ถ„ํ•  ๋•Œ์˜ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ฐ์ดํ„ฐ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ์ด๋‹ค. ๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ์ธ ์ˆซ์ž, ๋ฌธ์ž์—ด , boolean, null, undefined, Symbol์€ ๋ชจ๋‘ ๋ถˆ๋ณ€๊ฐ’์ž…๋‹ˆ๋‹ค. var num; num = 'Hello'; num = num + 'World'; var one = 1; var two = 1; two = 2; ๋งŒ์•ฝ, 2๋ฒˆ์งธ์ค„์—์„œ ์ €์žฅ๋œ ๋ฌธ์ž์—ด "Hello" ์— "World" ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ผ๊ณ  ํ•˜๋ฉด "Hello"๊ฐ€ ์ €์žฅ๋œ ๊ณต๊ฐ„ (@3000)์— "Hell.. 2023. 2. 11.
[React] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ• ์ •๋ฆฌ#2 ์Šคํ”„๋ ˆ๋“œ ๋ ˆ์ŠคํŠธ ์—ฐ์‚ฐ์ž ( Spread & Rest Operators ) ( ... ) ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž(Spread) Spread( ํŽผ์น˜๋‹ค, ํผ๋œจ๋ฆฌ๋‹ค )๋ผ๋Š” ๋‹จ์–ด๋‹ต๊ฒŒ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ํŽผ์ณ ๋†“์Šต๋‹ˆ๋‹ค ์˜ˆ๋ฅผ ๋“ค์–ด oldArray๊ฐ€ ์žˆ๋Š”๋ฐ ์ด oldArray๋ฐฐ์—ด์— ์žˆ๋Š” ๋ชจ๋“  ์›์†Œ๋“ค์„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์— ์ถ”๊ฐ€ํ•˜๊ณ  ๊ทธ๋ฆฌ๊ณ  ๊ฑฐ๊ธฐ์— ์›์†Œ 4๋ฅผ ๋” ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, ์•„๋ž˜์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ์•„์ฃผ ์‰ฝ๊ฒŒ ๋ฐฐ์—ด์„ ๋ณต์‚ฌํ•˜๊ฑฐ๋‚˜, ์•ˆ์ „ํ•˜๊ฒŒ ์ด์ „ ๊ฐ์ฒด๋ฅผ ๋ณต์‚ฌํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ๊ฐ์ฒด์— ํ”„๋กœํผํ‹ฐ๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๐Ÿ™‹๐Ÿปโ€โ™‚๏ธ HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ๋ ˆ์ŠคํŠธ ์—ฐ์‚ฐ์ž(Rest) ๋ ˆ์ŠคํŠธ(Rest) ์—ฐ์‚ฐ์ž๋ž€ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜์ž๋ฉด ํ•จ์ˆ˜์— ์ „๋‹ฌ๋œ ๋ฌดํ•œ ๊ฐœ์ˆ˜์˜ ์ธ์ˆ˜๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ์ธ์ˆ˜๋ฅผ ๋ฐ›์•„๋“ค์—ฌ .. 2022. 8. 3.