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

Frontend Dev/๐Ÿฅ ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE ๋ถ€ํŠธ์บ ํ”„

Section1 Unit9 JavaScript ํ•ต์‹ฌ ๊ฐœ๋…๊ณผ ์ฃผ์š” ๋ฌธ๋ฒ• - ES6 ์‹ ๊ทœ ๋ฌธ๋ฒ•

๋ฐ˜์‘ํ˜•


Section1 Unit9 [JavaScript] ํ•ต์‹ฌ ๊ฐœ๋…๊ณผ ์ฃผ์š” ๋ฌธ๋ฒ• - ES6 ์‹ ๊ทœ ๋ฌธ๋ฒ•

 

๐Ÿ“Œ Chapter4. ES6 ์‹ ๊ทœ ๋ฌธ๋ฒ•

 ์ด๋ฒˆ ์œ ๋‹›์—์„œ ํ•™์Šตํ•œ ๋‚ด์šฉ๋“ค์€ ์•„๋ž˜์™€ ๊ฐ™์€ ES6 ์‹ ๊ทœ ๋ฌธ๋ฒ•์ด์—ˆ๋‹ค.

 ๋‹ค๋ฅธ ๋ฌธ๋ฒ•์€ ๋…ธ์…˜์— ์ •๋ฆฌํ•ด๋‘๊ณ , ์ž์ฃผ ์‚ฌ์šฉํ–ˆ๋˜ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ๋ธ”๋กœ๊ทธ์—๋„ ๋”ฐ๋กœ ์ •๋ฆฌ๋ฅผ ํ•ด๋ณด์•˜๋‹ค ๐Ÿ™‚

 

• spread ๋ฌธ๋ฒ•๊ณผ rest ๋ฌธ๋ฒ•

• ๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น

• ํ™”์‚ดํ‘œ ํ•จ์ˆ˜

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ES6 ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๊ธฐ๋ณธ

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ž€ ํ•จ์ˆ˜ ํ‘œํ˜„์‹๋ณด๋‹ค ๋‹จ์ˆœํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ, ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ผ๋Š” ์ด๋ฆ„์€ ๋ฌธ๋ฒ•์˜ ์ƒ๊น€์ƒˆ๋ฅผ ์ฐจ์šฉํ•ด ์ง€์–ด์กŒ๋‹ค. // ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ let func = (arg1, arg2, ...argN) =>

fay-story.com

 

โญ๏ธ ๊ณผ์ œ. JavaScript Koans

 ์ด๋ฒˆ ๊ณผ์ œ๋กœ JavaScript Koans๊ฐ€ ์‹œ์ž‘๋˜์—ˆ๋‹ค. ๋‹ค์Œ์ฃผ ์›”์š”์ผ๊นŒ์ง€ unit9์ด ๊ณ„์†๋  ์˜ˆ์ •์ด๋ผ ๋‹ค์Œ ๊ธ€์—์„œ JavaScript Koans์™€ ๊ด€๋ จ๋œ TIL์„ ๊ธฐ๋กํ•ด์•ผ์ง€ :) ์–ด์ฐจํ”ผ ์•„์ง ๋‹ค ํ’€์ง€๋„ ๋ชปํ–ˆ๋‹ค ๐Ÿค”

 


๐ŸŒ™  ์˜ค๋Š˜์˜ ํšŒ๊ณ 

 ์˜ค๋Š˜์€ ์˜ค์ „์— ๋ผ์ด๋ธŒ ์„ธ์…˜์„ ์ง„ํ–‰ํ•˜๊ณ , ES6 ๋ฌธ๋ฒ•์„ ๋ฐฐ์› ๋‹ค. ๊ตฌ์กฐ๋ถ„ํ•ดํ• ๋‹น์ด ๋‚˜์—๊ฒŒ๋„ ๊ทธ๋‹ฅ ์™€๋‹ฟ์ง€ ์•Š๋Š” ๊ฐœ๋…์ด์—ˆ๋Š”๋ฐ, ๊ฐ•์‚ฌ๋‹˜์—๊ฒŒ๋„ ๊ทธ๋ ‡๋‹ค๊ณ ..ใ…Žใ…Ž ๋ผ์ด๋ธŒ ์„ธ์…˜์ด ์˜ค์ „์— ์ง„ํ–‰๋˜๋‹ˆ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋ผ์ด๋ธŒ ์„ธ์…˜ ํ›„์— ๊ด€๋ จ๋œ ๊ฐœ๋…์ด ๋‹ด๊ธด ํ•™์Šต ๋ฌธ์„œ๋ฅผ ์ฝ๊ฒŒ ๋˜๋Š”๋ฐ, ์ด ์ ์€ ์ข€ ๋ณ„๋กœ์ธ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ํ˜ผ์ž ์ถฉ๋ถ„ํžˆ ํ•™์Šตํ•˜๊ณ , ์ƒ๊ฐํ•ด๋ณธ ํ›„์— ๋ผ์ด๋ธŒ ์„ธ์…˜์„ ๋“ฃ๋Š” ํŽธ์ด ๋„์›€์ด ํ›จ์”ฌ ๋” ๋งŽ์ด ๋˜๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค. ๋ฌธ์ œํ’€์ด๋งŒ ํ•ด๋„ ๋‹น์—ฐํžˆ ๊ทธ๋ ‡๊ณ . ๋‹ค์Œ ๋‹ฌ ๋ถ€ํ„ฐ์ธ๊ฐ€, ์˜ค์ „์— ๋ผ์ด๋ธŒ ์„ธ์…˜์„ ์ง„ํ–‰ํ•œ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ ์Œ…๐Ÿค”

 ๋ผ์ด๋ธŒ ์„ธ์…˜ ํ›„์—๋Š” JavaScript Koans ๊ณผ์ œ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ์ง€๊ธˆ๊นŒ์ง€ ๋ฐฐ์šด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋…์„ ์ ๊ฒ€ํ•˜๊ณ , ๋” ๊นŠ๊ฒŒ ๋“ค์—ฌ๋‹ค ๋ณผ ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ธ ๊ฒƒ ๊ฐ™์•˜๋‹ค. ์ด๋ฒˆ ์œ ๋‹›์€ ๋‹ค์Œ์ฃผ ์›”์š”์ผ๊นŒ์ง€๋ผ ์•„์ง ๋‹ค ํ’€์ง€๋Š” ๋ชปํ–ˆ๋‹ค. ์ค‘๊ฐ„ ์ค‘๊ฐ„ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„๋„ ๋‚˜์™€์„œ ์ด๋ฒˆ ๊ธฐํšŒ์— ์ข€ ๋” ๊ผผ๊ผผํ•˜๊ฒŒ ์‚ดํŽด๋ณด๊ณ  ์ƒ๊ฐํ•ด๋ณด๋Š” ๊ฒŒ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ๋„ ๋“ค์—ˆ๋‹ค. ์ด๋ฒˆ ์ฃผ๋ง์—๋Š” ๋ถ€์‚ฐ์—์„œ ๋™์ƒ์ด ์˜ฌ๋ผ์™€์„œ ๊ณต๋ถ€๋ฅผ ์•„์˜ˆ ๋ชปํ• ๊ฒƒ ๊ฐ™์€๋ฐ, ๋ฒŒ์จ๋ถ€ํ„ฐ ๋งˆ์Œ์ด ์กฐ๊ธ‰ํ•ด์กŒ๋‹ค… ๐Ÿ˜ญ

๋ฐ˜์‘ํ˜•