์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

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

์ด๊ฒƒ์ด ๋ฏธ๋ž˜์— ๋‹น์‹ ์˜ ๊ฒฝ๋ ฅ์— โ€‹โ€‹๋น„์ฐธํ•œ ๊ฒฐ๊ณผ๋ฅผ ์ดˆ๋ž˜ํ•  ๊ฐ€๋Šฅ์„ฑ์ด ๋งค์šฐ ๋†’์ง€๋งŒ ๋‹น์‹ ์€ ์•„์ง ๊ทธ๊ฒƒ์„ ๊นจ๋‹ซ์ง€ ๋ชปํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚˜ ์—ญ์‹œ ๊ณผ๊ฑฐ์— ์•„๋ž˜์— ์„ค๋ช…๋œ ๋ช‡ ๊ฐ€์ง€ ์‹ค์ˆ˜๋ฅผ ์ €์งˆ๋ €์œผ๋ฉฐ ์ด์ œ๋Š” ๊ทธ๋Ÿฌํ•œ ์‹ค์ˆ˜๋กœ๋ถ€ํ„ฐ ์—ฌ๋Ÿฌ๋ถ„์„ ๋ณดํ˜ธํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ ๋‹น์‹ ์˜ ๋ฏธ๋ž˜๋ฅผ ๋ฐ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” XNUMX๊ฐ€์ง€ JS ๊ฐœ๋ฐœ์ž ์‹ค์ˆ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์•Œ๋ฆผ: "Habr"์˜ ๋ชจ๋“  ๋…์ž๋ฅผ ์œ„ํ•œ - "Habr" ํ”„๋กœ๋ชจ์…˜ ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Skillbox ๊ณผ์ •์— ๋“ฑ๋กํ•  ๋•Œ 10 ๋ฃจ๋ธ” ํ• ์ธ.
Skillbox๋Š” ๋‹ค์Œ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค. ๊ต์œก์šฉ ์˜จ๋ผ์ธ ๊ณผ์ • "์ž๋ฐ” ๊ฐœ๋ฐœ์ž".

jQuery๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ

jQuery๋Š” ์ „์ฒด JavaScript ์ƒํƒœ๊ณ„ ๊ฐœ๋ฐœ์— ํฐ ์—ญํ• ์„ ํ•ด์™”์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” JS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์Šฌ๋ผ์ด๋“œ์‡ผ์™€ ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ์œ„์ ฏ, ์›น์‚ฌ์ดํŠธ์šฉ ์ด๋ฏธ์ง€ ๊ฐค๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. jQuery๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„œ๋กœ ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ๊ฐ„์˜ ์ฝ”๋“œ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ์žŠ๊ณ  ์ถ”์ƒํ™” ์ˆ˜์ค€ ์‚ฌ์šฉ์„ ํ‘œ์ค€ํ™”ํ•˜๊ณ  DOM์œผ๋กœ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์ด๋Š” AJAX๋ฅผ ๋‹จ์ˆœํ™”ํ•˜๊ณ  ๋ธŒ๋ผ์šฐ์ € ๊ฐ„ ์ฐจ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์˜ค๋Š˜๋‚  ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋Š” ์ด์ „๋งŒํผ ๊ด€๋ จ์„ฑ์ด ์—†์Šต๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์€ ํ‘œ์ค€ํ™”๋ฅผ ํ†ตํ•ด ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ด๋Š” ๊ฐ€์ ธ์˜ค๊ธฐ ๋ฐ API ์„ ํƒ๊ธฐ์™€ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋จธ์ง€ ๋ฌธ์ œ๋Š” React์™€ ๊ฐ™์€ ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” jQuery์— ์—†๋Š” ๋‹ค๋ฅธ ๋งŽ์€ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

jQuery๋กœ ์ž‘์—…ํ•  ๋•Œ, ์–ด๋Š ์‹œ์ ์—์„œ DOM ์š”์†Œ๋ฅผ ํ˜„์žฌ ์ƒํƒœ๋‚˜ ๋ฐ์ดํ„ฐ๋กœ ์‚ฌ์šฉํ•˜๊ณ , DOM์˜ ์ด์ „, ํ˜„์žฌ, ๋ฏธ๋ž˜ ์ƒํƒœ์— ์–ด๋–ค ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š”์ง€ ์•Œ์•„๋‚ด๊ธฐ ์œ„ํ•ด ๋”์ฐํ•  ์ •๋„๋กœ ๋ณต์žกํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋“ฑ ์ด์ƒํ•œ ์ผ์„ ํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๊ฐ€์˜ค๋Š” ์ƒํƒœ๋กœ์˜ ์ ์ ˆํ•œ ์ „ํ™˜์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

jQuery๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐ ๋ฐ˜๋Œ€๋˜๋Š” ๊ฒƒ์€ ์—†์ง€๋งŒ ์‹œ๊ฐ„์„ ๋‚ด์–ด ๋ณด๋‹ค ํ˜„๋Œ€์ ์ธ ๋Œ€์•ˆ(React, Vue, Angular)๊ณผ ๊ทธ ์ด์ ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.

๋‹จ์œ„ ํ…Œ์ŠคํŠธ ํ”ผํ•˜๊ธฐ

๋‚˜๋Š” ์ข…์ข… ์‚ฌ๋žŒ๋“ค์ด ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋Œ€ํ•œ ๋‹จ์œ„ ํ…Œ์ŠคํŠธ๋ฅผ ๋ฌด์‹œํ•˜๋Š” ๊ฒƒ์„ ๋ด…๋‹ˆ๋‹ค. "์˜ˆ๊ธฐ์น˜ ์•Š์€ ์˜ค๋ฅ˜"๋กœ ์ธํ•ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์ถฉ๋Œํ•  ๋•Œ๊นŒ์ง€ ๋ชจ๋“  ๊ฒƒ์ด ์ž˜ ์ง„ํ–‰๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ง€๊ธˆ ์ด ์ˆœ๊ฐ„ ์šฐ๋ฆฌ๋Š” ์‹œ๊ฐ„๊ณผ ๋ˆ์„ ๋‚ญ๋น„ํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ํฐ ๋ฌธ์ œ์— ์ง๋ฉดํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

์˜ˆ, ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์ด ์˜ค๋ฅ˜ ์—†์ด ์ •์ƒ์ ์œผ๋กœ ์ปดํŒŒ์ผ๋˜๊ณ  ์ผ๋‹จ ์ปดํŒŒ์ผ๋˜๋ฉด ์ž‘๋™ํ•œ๋‹ค๋ฉด ์‚ฌ์šฉํ•  ์ค€๋น„๊ฐ€ ๋˜์—ˆ๋‹ค๋Š” ์˜๋ฏธ๋Š” ์•„๋‹™๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ๋ถ€์กฑ์€ ์†Œ๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฒฝ์šฐ ์–ด๋Š ์ •๋„ ํ—ˆ์šฉ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ํ”„๋กœ๊ทธ๋žจ์ด ํฌ๊ณ  ๋ณต์žกํ•˜๋ฉด ์œ ์ง€ ๊ด€๋ฆฌ๊ฐ€ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ…Œ์ŠคํŠธ๋Š” ๊ฐœ๋ฐœ์— ์žˆ์–ด ๋งค์šฐ ์ค‘์š”ํ•œ ์š”์†Œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ํ•˜๋‚˜์˜ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ณ€๊ฒฝํ•ด๋„ ๋‹ค๋ฅธ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์†์ƒ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ ์‹œ์ž‘ ์ฆ‰์‹œ ํ…Œ์ŠคํŠธ.

JavaScript ์ด์ „์˜ ํ•™์Šต ํ”„๋ ˆ์ž„์›Œํฌ

๋‚˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•  ๋•Œ React, Vue ๋˜๋Š” Angular์™€ ๊ฐ™์€ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ฆ‰์‹œ ์‚ฌ์šฉํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ „์—๋Š” JavaScript๋ฅผ ๋จผ์ € ๋ฐฐ์šฐ๊ณ  ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋ฐฐ์›Œ์•ผ ํ•œ๋‹ค๊ณ  ๋ง์”€๋“œ๋ ธ๋Š”๋ฐ ์ด์ œ๋Š” ์ด ๋ชจ๋“  ๊ฒƒ์„ ๋™์‹œ์— ๋ฐฐ์›Œ์•ผ ํ•œ๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. JS๋Š” ๋งค์šฐ ๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋ฏ€๋กœ JavaScript๋ฅผ ๋ฐฐ์šฐ๋ฉด์„œ ๋™์‹œ์— React, Vue ๋˜๋Š” Angular๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝํ—˜๋„ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ด๋Š” ๊ฐœ๋ฐœ์ž ์ง์œ„์— ๋Œ€ํ•œ ํ›„๋ณด์ž์—๊ฒŒ ๋ถ€์—ฌ๋œ ์š”๊ตฌ ์‚ฌํ•ญ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ธ๋””๋“œ์—์„œ โ€œJavaScriptโ€๋ฅผ ๊ฒ€์ƒ‰ํ–ˆ์„ ๋•Œ ๋ฐœ๊ฒฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

์ง๋ฌด ์„ค๋ช…์—๋Š” jQuery ๋ฐ JavaScript์— ๋Œ€ํ•œ ์ง€์‹์ด ํ•„์š”ํ•˜๋‹ค๊ณ  ๋‚˜์™€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๊ฒƒ๋“ค. ์ด ํšŒ์‚ฌ์—์„œ๋Š” ๋‘ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ๋ชจ๋‘ ๋˜‘๊ฐ™์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ "๊ธฐ๋ณธ" ์š”๊ตฌ ์‚ฌํ•ญ๋งŒ ๋‚˜์—ดํ•˜๋Š” ๋˜ ๋‹ค๋ฅธ ์„ค๋ช…์ž…๋‹ˆ๋‹ค.

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

๊ทธ๋ฆฌ๊ณ  ์ด๊ฒƒ์€ ์ œ๊ฐ€ ์‚ดํŽด๋ณธ ๊ณต์„์˜ ์•ฝ ์ ˆ๋ฐ˜์—์„œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ JS์™€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋ฐฐ์šฐ๋Š” ์ •ํ™•ํ•œ ์‹œ๊ฐ„ ๋น„์œจ์€ 65๋Œ€ 35์ด ์•„๋‹ˆ๋ผ 50~50% ์ •๋„๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

โ€œํด๋ฆฐ ์ฝ”๋“œโ€ ๊ฐœ๋…์— ์ต์ˆ™ํ•ด์ง€๊ธฐ๋ฅผ ๊บผ๋ฆผ

๋ชจ๋“  ์•ผ์‹ฌ ์ฐฌ ๊ฐœ๋ฐœ์ž๋Š” ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๊ณ  ์‹ถ๋‹ค๋ฉด ๊นจ๋—ํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฒฝ๋ ฅ์„ ์‹œ์ž‘ํ•  ๋•Œ "ํด๋ฆฐ ์ฝ”๋“œ"๋ผ๋Š” ๊ฐœ๋…์„ ์ตํžˆ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์ด ๊ฐœ๋…์„ ๋นจ๋ฆฌ ๋”ฐ๋ฅด๊ธฐ ์‹œ์ž‘ํ• ์ˆ˜๋ก ๋‚˜์ค‘์— ์œ ์ง€ ๊ด€๋ฆฌํ•˜๊ธฐ ์‰ฌ์šด ๊น”๋”ํ•œ ์ฝ”๋“œ ์ž‘์„ฑ์— ๋” ๋นจ๋ฆฌ ์ต์ˆ™ํ•ด์งˆ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ์ข‹๊ณ  ๊นจ๋—ํ•œ ์ฝ”๋“œ์˜ ์ด์ ์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด ๋‚˜์œ ์ฝ”๋“œ๋ฅผ ์ง์ ‘ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ•  ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์˜ ๊ธฐ์ˆ ์€ ๋‚˜์ค‘์— ์ง์žฅ์—์„œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ์ž˜๋ชป๋œ ์ฝ”๋“œ๋กœ ์ธํ•ด ๊ฒ์„ ๋จน์—ˆ์„ ๋•Œ ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋Œ€๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ ์ž‘์—…์„ ๋„ˆ๋ฌด ์ผ์ฐ ์‹œ์ž‘ํ•จ

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

๊ฒฝ๋ ฅ ์ดˆ๊ธฐ์— ์ €๋Š” ํฐ ์‹ค์ˆ˜๋ฅผ ์ €์งˆ๋ €์Šต๋‹ˆ๋‹ค. ์•„์ง ์ค€๋น„๊ฐ€ ๋˜์ง€ ์•Š์€ ์ƒํƒœ์—์„œ ๋Œ€๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งก์œผ๋ ค๊ณ  ํ–ˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ๋ฌด์—‡์ด ์ž˜๋ชป๋˜์—ˆ๋Š”์ง€ ๋ฌผ์–ด๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ต์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์‹ค ๋‹น์‹ ์ด ์ค‘๊ฐ„์ด๋‚˜ ์„ ๋ฐฐ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด "ํฐ ํ”„๋กœ์ ํŠธ"๋ฅผ ์™„๋ฃŒํ•˜์ง€ ๋ชปํ•  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค. ๊ณ ๋ คํ•ด์•ผ ํ•  ์š”์†Œ์™€ ์‚ฌํ•ญ์ด ๋„ˆ๋ฌด ๋งŽ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๊ฒฝ๋ ฅ ์ดˆ๊ธฐ์— ํ…Œ์ŠคํŠธ, ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์•„ํ‚คํ…์ฒ˜ ๋“ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ "ํด๋ฆฐ ์ฝ”๋“œ"๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์Šต๊ด€์„ ๊ฐœ๋ฐœํ•˜์ง€ ์•Š์•˜๋‹ค๋ฉด ๋Œ€์ฒ˜ํ•  ์ˆ˜ ์—†์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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

์–ด์จŒ๋“  ์ฝ”๋“œ๊ฐ€ ๊ทธ๋‹ค์ง€ ์ข‹์ง€ ์•Š๊ณ  ์‚ฌ์šฉํ•œ ๊ธฐ์ˆ ์ด ๊ผญ ํ•„์š”ํ•œ ๊ฒƒ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์•ž์œผ๋กœ๋Š” ๋ฆฌํŒฉํ„ฐ๋ง์„ ํ•ด์•ผ ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋ชจ๋“  ๊ฒƒ์„ ๊ณ ์น˜๋Š” ๊ฒƒ๋ณด๋‹ค ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋” ์‰ฝ๋‹ค๋Š” ๊ฒƒ์„ ๊นจ๋‹ซ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

๋ฌผ๋ก  ์ด ๋ชจ๋“  ๊ฒƒ์ด ๊ท€ํ•˜์˜ ํฌํŠธํด๋ฆฌ์˜ค์— ์ถ”๊ฐ€๋  ์ˆ˜ ์žˆ์ง€๋งŒ ์ž ์žฌ์  ๊ณ ์šฉ์ฃผ๋Š” ๊ฑฐ๊ธฐ์—์„œ ๋งŽ์€ ๋‹จ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ๊ท€ํ•˜์—๊ฒŒ ์‹ค๋ง์Šค๋Ÿฌ์šด ๊ฒฐ๋ก ์— ๋„๋‹ฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฐ์ดํ„ฐ ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๋ฐฐ์šฐ๊ธฐ๋ฅผ ๊บผ๋ คํ•จ

์–ธ์ œ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์—ฐ๊ตฌ๋ฅผ ์‹œ์ž‘ํ•ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด ์˜ค๋žซ๋™์•ˆ ๋…ผ์Ÿ์„ ๋ฒŒ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์‚ฌ๋žŒ๋“ค์€ JavaScript๋ฅผ ๋งˆ์Šคํ„ฐํ•˜๊ธฐ ์ „์— ์ด ์ž‘์—…์„ ์ œ์•ˆํ•˜๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์€ ๋‚˜์ค‘์— ์ด ์ž‘์—…์„ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์„ ์ฒ˜์Œ์— ์ž์„ธํžˆ ๋ฐฐ์šธ ํ•„์š”๋Š” ์—†๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€๋งŒ, ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ๊ณผ ๊ณ„์‚ฐ์˜ ์ž‘์—…์— ๋Œ€ํ•œ ๊ธฐ๋ณธ์ ์ธ ์ดํ•ด๋ฅผ ์ œ๊ณตํ•  ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ๋ชจ๋“  ๊ณ„์‚ฐ ๋ฐ ํ”„๋กœ๊ทธ๋žจ์˜ ํ•„์ˆ˜์ ์ธ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. ์‚ฌ์‹ค, ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ ์ž์ฒด๋Š” ์ผ๋ จ์˜ ์•Œ๊ณ ๋ฆฌ์ฆ˜๊ณผ ํŠน์ • ๋ฐฉ์‹์œผ๋กœ ๊ตฌ์„ฑ๋œ ๋ฐ์ดํ„ฐ์˜ ์กฐํ•ฉ, ๊ทธ๊ฒŒ ์ „๋ถ€์ž…๋‹ˆ๋‹ค.

์‹ ์ฒด ํ™œ๋™ ๊ฑฐ๋ถ€

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

๊ฐœ๋ฐœ์ž๊ฐ€ ์Šคํฌ์ธ ๋ฅผ ํ•˜๋Š” ๊ฒƒ์€ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” ํŠธ๋ ˆ์ด๋„ˆ๋Š” ์•„๋‹ˆ์ง€๋งŒ ํ•ด๋งˆ๋‹ค ๋‚ด ๋ชธ์ด ๋ณ€ํ•˜๋Š” ๊ฒƒ์„ ์ง€์ผœ๋ณด์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฏ€๋กœ ์‹ ์ฒด ์šด๋™ ๋ถ€์กฑ์ด ์–ด๋–ค ๊ฒฐ๊ณผ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š”์ง€ ๋ง์”€๋“œ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜์˜ ์ฒซ ์ง์žฅ์€ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ด์œ ๋กœ ์ƒ๋‹นํžˆ ๋ฌธ์ œ๊ฐ€ ๋งŽ์•˜๊ณ , ๊ทธ ๋ฌธ์ œ ์ค‘ ํ•˜๋‚˜๋Š” ๋‹จ XNUMX๋…„ ๋งŒ์— ๊ฑฐ์˜ XNUMXkg์ด ๋Š˜์–ด๋‚ฌ๋‹ค๋Š” ๊ฒƒ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ๊ทน์ ์œผ๋กœ ๊ณต๋ถ€ํ•˜๊ฒŒ ๋์–ด์š”.

์šด๋™์„ ํ•˜์ง€ ์•Š์œผ๋ฉด ์ฒด์ค‘์ด ์ฆ๊ฐ€ํ•  ์œ„ํ—˜์ด ์žˆ์œผ๋ฉฐ ์ด๋Š” ๋น„๋งŒ, ํŽธ๋‘ํ†ต(๋งŒ์„ฑ ํŽธ๋‘ํ†ต ํฌํ•จ), ๊ณ ํ˜ˆ์•• ๋“ฑ ๋งŽ์€ ๋ถ€์ •์ ์ธ ๊ฒฐ๊ณผ๋ฅผ ์ดˆ๋ž˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ ๋ชฉ๋ก์€ ์ •๋ง ๋์ด ์—†์Šต๋‹ˆ๋‹ค.

์‚ฌํšŒ์  ์ž๊ฐ€ ๊ฒฉ๋ฆฌ

์ดˆ๋ณด JavaScript ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ฐฉํ•ดํ•˜๋Š” 8๊ฐ€์ง€ ์‹ค์ˆ˜

๊ฐ€์กฑ๊ณผ ์‚ฌ๋ž‘ํ•˜๋Š” ์‚ฌ๋žŒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. JavaScript ํ•™์Šต์— ๋ชฐ๋‘ํ•˜๊ณ  ์ •์‹ ์ , ๊ฐ์ •์  ์‚ถ์˜ ์ค‘์š”์„ฑ์„ ๊ณผ์†Œํ‰๊ฐ€ํ•จ์œผ๋กœ์จ ์šฐ์šธ์ฆ์— ๊ฑธ๋ฆฌ๊ณ , ์งœ์ฆ์„ ๋‚ด๊ณ , ์ž ์„ ์ž˜ ๋ชป ์ž๋Š” ๋“ฑ์˜ ์œ„ํ—˜์— ์ฒ˜ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

์กฐ์‚ฌ ๊ฒฐ๊ณผ

์ด ์ค‘ ์ผ๋ถ€๊ฐ€ ๊ท€ํ•˜์—๊ฒŒ ์œ ์šฉํ•˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์˜ค๋Š˜ ์ž์‹ ์„ ์ž˜ ๋Œ๋ณด๋ฉด ๋‚˜์ค‘์— ์‹ค์ˆ˜๋ฅผ ๋ฐ”๋กœ์žก์„ ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

Skillbox๋Š” ๋‹ค์Œ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

์ถœ์ฒ˜ : habr.com

์ฝ”๋ฉ˜ํŠธ๋ฅผ ์ถ”๊ฐ€