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

๋ฆฌ์•กํŠธ2

React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  ๐Ÿ™‹๐Ÿป‍โ™‚๏ธํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ ํ”„๋ก ํŠธ์•ค๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋“ฑ์žฅํ•˜๊ฒŒ ๋œ ์ด์œ ๋Š” ๋™์ ์ธ ์›น ํŽ˜์ด์ง€๋ฅผ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์œ ์ง€ ๋ณด์ˆ˜ํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ธฐ ์œ„ํ•จ์ด๋‹ค. ์ •์  ์›น ํŽ˜์ด์ง€ ์›น ์„œ๋ฒ„์— ์ €์žฅ๋˜์–ด ์žˆ๋Š” HTML ๋ฌธ์„œ๋ฅผ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์ „๋‹ฌํ•˜์—ฌ ๋ฐ›์€ ํŽ˜์ด์ง€. ๋‹จ์ˆœํžˆ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•œ ๋ชฉ์ ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋กœ๊ทธ์ธ์„ ํ•œ๋‹ค๊ฑฐ๋‚˜ ๋ญ”๊ฐ€ ์ •๋ณด๋ฅผ ๋ณด๋‚ธ๋‹ค๊ฑฐ๋‚˜ ํ•˜๋Š” ์ƒํ˜ธ์ž‘์šฉ์€ ์ค‘์š”ํ•˜์ง€ ์•Š์€ ์š”์†Œ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์„œ๋ฒ„์— ์ €์žฅ๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š๋Š” ํ•œ ๊ณ ์ •๋œ ์›น ํŽ˜์ด์ง€๋ฅผ ๋ณด๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿฐ ๊ฒฝ์šฐ์—” ๋‹จ์ˆœํžˆ HTML๊ณผ CSS์˜ ๊ตฌ์„ฑ๋งŒ์œผ๋กœ๋„ ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. Ex) ํ™ˆํŽ˜์ด์ง€์— ํšŒ์‚ฌ์†Œ๊ฐœ, ์Œ์‹๋ฉ”๋‰ด, ํฌํŠธํด๋ฆฌ์˜ค ๋“ฑ ๋‚ด์šฉ์ด ๋ณ€ํ•˜์ง€ ์•Š๊ณ  ๊ณ ์ •์ ์ธ ํŽ˜์ด์ง€. ๋™์  ์›น ํŽ˜์ด์ง€ ์š”์ฒญ ์ •๋ณด๋ฅผ ์ฒ˜๋ฆฌํ•œ ํ›„์— ์ œ์ž‘๋œ HTML .. 2022. 12. 9.
[React] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ๋ฒ• ์ •๋ฆฌ#2 ์Šคํ”„๋ ˆ๋“œ ๋ ˆ์ŠคํŠธ ์—ฐ์‚ฐ์ž ( Spread & Rest Operators ) ( ... ) ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž(Spread) Spread( ํŽผ์น˜๋‹ค, ํผ๋œจ๋ฆฌ๋‹ค )๋ผ๋Š” ๋‹จ์–ด๋‹ต๊ฒŒ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ํŽผ์ณ ๋†“์Šต๋‹ˆ๋‹ค ์˜ˆ๋ฅผ ๋“ค์–ด oldArray๊ฐ€ ์žˆ๋Š”๋ฐ ์ด oldArray๋ฐฐ์—ด์— ์žˆ๋Š” ๋ชจ๋“  ์›์†Œ๋“ค์„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์— ์ถ”๊ฐ€ํ•˜๊ณ  ๊ทธ๋ฆฌ๊ณ  ๊ฑฐ๊ธฐ์— ์›์†Œ 4๋ฅผ ๋” ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, ์•„๋ž˜์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ์•„์ฃผ ์‰ฝ๊ฒŒ ๋ฐฐ์—ด์„ ๋ณต์‚ฌํ•˜๊ฑฐ๋‚˜, ์•ˆ์ „ํ•˜๊ฒŒ ์ด์ „ ๊ฐ์ฒด๋ฅผ ๋ณต์‚ฌํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ๊ฐ์ฒด์— ํ”„๋กœํผํ‹ฐ๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๐Ÿ™‹๐Ÿป‍โ™‚๏ธ HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ๋ ˆ์ŠคํŠธ ์—ฐ์‚ฐ์ž(Rest) ๋ ˆ์ŠคํŠธ(Rest) ์—ฐ์‚ฐ์ž๋ž€ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜์ž๋ฉด ํ•จ์ˆ˜์— ์ „๋‹ฌ๋œ ๋ฌดํ•œ ๊ฐœ์ˆ˜์˜ ์ธ์ˆ˜๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ์ธ์ˆ˜๋ฅผ ๋ฐ›์•„๋“ค์—ฌ .. 2022. 8. 3.