๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(ES6+) ์‹ฌํ™”

4๊ฐœ ๊ฐ•์ขŒ๋กœ ๊ตฌ์„ฑ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ด๋ธ” ๊ฐ•์ขŒ์˜ ๋งˆ์ง€๋ง‰ ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ŠคํŽ™์˜ 95% ์ด์ƒ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ํŠนํžˆ, ๋น„๋™๊ธฐ ํ†ต์‹ ๊ณผ ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค ์ „๋ฐ˜์„ 11๋‹จ๊ณ„๋กœ ๋‚˜๋ˆ„์–ด ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฐœ๋…์œผ๋กœ ์ ‘๊ทผํ•ฉ๋‹ˆ๋‹ค.

(4.8) ์ˆ˜๊ฐ•ํ‰ 32๊ฐœ

์ˆ˜๊ฐ•์ƒ 1,342๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

์นด์นด์˜ค
ํ˜„๋Œ€๊ธ€๋กœ๋น„์Šค
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
ํ•˜์ด๋ธŒ๋žฉ
๋„ค์ด๋ฒ„

๋„ค์ด๋ฒ„

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์นด์นด์˜ค
ํ˜„๋Œ€๊ธ€๋กœ๋น„์Šค
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
ํ•˜์ด๋ธŒ๋žฉ
๋„ค์ด๋ฒ„

๋„ค์ด๋ฒ„

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.8

5.0

๊น€์ƒํ—Œ

96% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

ํ˜„์žฌ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ณ  ์žˆ๋Š” ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๋‚˜๋ฆ„ ์ž˜ ์•ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์˜€์œผ๋‚˜, ์ด ๊ฐ•์˜๋ฅผ ๋ณด๊ณ  ๋„์—„๋„์—„ ์•Œ๊ณ  ์žˆ์—ˆ๋‹ค๋Š” ์ œ ์ž์‹ ์„ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ์ด์ œ ์ €์˜ ์ˆ˜๊ฐ• ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑ ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๊ธฐ๋„ˆ ๊ฐ•์˜๋ถ€ํ„ฐ es6์‹ฌํ™” ๊ฐ•์˜๊นŒ์ง€ 4๊ฐ€์ง€์˜ ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ฃ๊ณ  ์ ๋Š” ํ›„๊ธฐ์ž…๋‹ˆ๋‹ค. ํ™•์‹คํžˆ ์• ๋งคํ•˜๊ฒŒ ์•Œ๊ณ ์žˆ์–ด์„œ ๋ชป์จ์™”๋˜๊ฒƒ๋“ค์„ ์“ธ์ˆ˜์žˆ๊ฒŒ๋˜๋Š”๊ฒŒ ์ •๋ง ์ตœ๊ณ ์˜ ์ˆ˜๊ฐ•ํ›„๊ธฐ๊ฐ€ ์•„๋‹๊นŒ ์‹ถ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด map, forEach, filter ํ•จ์ˆ˜๋ฅผ ๋’ค์— ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ’์„ ์ถ”๊ฐ€๋กœ this๋กœ ๋ฐ›์„ ์ธ์ž๊ฐ’์„ ์•Ž์œผ๋กœ์จ ๊ตณ์ด 2์ค‘์œผ๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ๋Œ๋ ค ์‹œ๊ฐ„๋ณต์žก๋„๋ฅผ (n2)๋กœ ํ–ˆ๋˜๊ฑธ (n)์œผ๋กœ ๋๋‚ผ ์ˆ˜ ์žˆ์—ˆ๋˜์ , ๊ทธ๋ฆฌ๊ณ  call,apply, bind๊ฐœ๋…์ด ๋ช…ํ™•ํ•ด์ง€๋ฉด์„œ, this๋ฅผ ๋งค๋ฒˆ ํ—ท๊ฐˆ๋ ธ๋Š”๋ฐ ํ—ท๊ฐˆ๋ฆด๋•Œ ํ•ด๋‹น ํ•จ์ˆ˜ ํ˜ธ์ถœ์‹œ์— ์ง์ ‘์ ์œผ๋กœ this ๋ฐ”์ธ๋”ฉ ์‹œ์ผœ์„œ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š”์  ๊ทธ๋ฆฌ๊ณ  ์Šค์ฝ”ํ”„์— ๋Œ€ํ•œ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ๋Š” ์‹ฌํ™”๊ณผ์ •์„ ๋“ค์œผ๋ฉด์„œ ๋‹จ๊ณ„์ ์œผ๋กœ ์ฐพ์•„๋‚˜๊ฐ€๊ณ  ๊ฐ€์žฅ ์ƒ์œ„์— ์žˆ๋Š” ๊ฒƒ์—์„œ ์ฐพ๊ณ  ์—†์œผ๋ฉด __proto__๊ทธ๋ฆฌ๊ณ  ๋˜ ์—†๋‹ค๋ฉด ํ•˜์œ„์— __proto__๋ฅผ ์ฐพ๋Š”๋‹ค๋Š”์  ๋“ฑ๋“ฑ ์ €๋Š” ์ง„์งœ ์ด๋ฒˆ์— ์˜๋ณด์Œค๊ฑฐ ๊ฐ•์˜๋“ค์œผ๋ฉด์„œ ์ •๋ง ์ด๋Ÿฐ๋ง ํ‘œํ˜„์ด ๋งž์„์ง€ ๋ชจ๋ฅด๊ฒ ์œผ๋‚˜ ์ •๋ง ์€ํ˜œ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค... ๊ทธ๋ฆฌ๊ณ  ์–ด์ œ ๋ฐค์— csr์„ ์ง์ ‘ ๋ฐ”๋‹๋ผ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด์„œ class ์ด๋ฒคํŠธ์— built-in ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ƒ์†ํ•ด์„œ ์ฒ˜๋ฆฌํ•˜๋Š”๊ฒƒ์— ๋Œ€ํ•ด์„œ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ props๊ฐœ๋…๋„ ์ด์™€ ๋น„์Šทํ•˜๊ฒŒ ๋™์ž‘ํ•˜๊ฒ ๊ตฌ๋‚˜ ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•ด์„œ๋„ ์ •๋ง ์Œค์ด ์—†์—ˆ๋‹ค๋ฉด ์›๋ฆฌ์กฐ์ฐจ ๋ชจ๋ฅผ๋ป”ํ•œ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด์„œ ์•Œ์•„๊ฐ€๋Š” ์žฌ๋ฏธ๋ฅผ ๋А๊ผˆ์Šต๋‹ˆ๋‹ค ํ™•์‹คํžˆ ํŒ€๋‚ด์—์„œ๋„ ์ €ํ•œํ…Œ ์š”์ฆ˜ ๊ฐ‘์ž๊ธฐ ์ฝ”๋“œ๊ฐ€ ์‹ ๊ธฐํ•˜๊ฒŒ ๊น”๋”ํ•ด์กŒ๋‹ค๊ณ  ์ด์•ผ๊ธฐ๋“ค ํ•ด์ฃผ๋”๋ผ๊ตฌ์š” ์ˆ˜๊ฐ•์„ ๊ณ ๋ฏผํ•˜์‹œ๋Š” ๋ถ„๋“ค ์ •๋ง ๋ˆ์ด ์•„๊น์ง€ ์•Š์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ํ™•์‹คํ•˜๊ฒŒ ์•Œ๊ณ  ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค, ๋งค์ผ ์“ฐ๋˜๊ฒƒ๋งŒ ์“ฐ๋˜ ํ•จ์ˆ˜๋ฅผ ์“ฐ๋˜ ์ž์‹ ์—์„œ, ๋” ํŽธ๋ฆฌํ•˜๊ณ , ๋” ์ข‹์€ ๊ทธ๋ฆฌ๊ณ  ๋” ํšจ์œจ์ ์ธ ๋‚ด์žฅํ•จ์ˆ˜๋“ค์ด ๋งŽ๋‹ค๋Š”๊ฒƒ๋“ค์„ ๋А๋ผ์‹ค๊ฒ๋‹ˆ๋‹ค. ๊ณ ๋ฏผํ•˜์ง€๋ง๊ณ , ์˜๋ณด์Œค ๊ฐ•์˜ ์‹œ๋ฆฌ์ฆˆ ๋ชจ๋‘ ๊ตฌ์ž…ํ•˜์…”์„œ ๋‹ค๋“ค์–ด๋ณด์‹œ๊ธธ ๊ถŒ์žฅ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ฝ”๋“œ์˜ ์งˆ์ด ๋‹ฌ๋ผ์ง€๋ฉฐ, ์ƒ๊ฐํ•˜๋Š” ์‚ฌ๊ณ ๊ฐ€ ๋‹ฌ๋ผ์ง€๋Š”๊ฒƒ์„ ๋А๋‚„๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ œ๊ฐ€ ๋ณด์ฆ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค

5.0

devMiddleStone

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐœ๋…์„ ์žก๋Š”๋ฐ ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

5.0

์ฐกํƒœ

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ์ตœ๊ณ ์˜ ๊ฐ•์˜๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค!

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ณ ๋„ํ™”๋œ ์–ธ์–ด์  ํ™œ์šฉ

  • ๋น„๋™๊ธฐ ํ†ต์‹ ๊ณผ ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค ์ „๋ฐ˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜์˜ ์™„๊ฒฐํŒ!
์ „์ฒด๋ฅผ ๋น ์ง์—†์ด ๋ฐฐ์šฐ๊ณ  ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ณ ๋„ํ™”๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜์˜ ์™„์„ฑํŒ
JavaScript์— ๋งˆ์นจํ‘œ๋ฅผ ์ฐ์–ด๋ณด์„ธ์š”.

4๊ฐœ ๊ฐ•์ขŒ๋กœ ๊ตฌ์„ฑ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ด๋ธ” ๊ฐ•์ขŒ์˜ ๋งˆ์ง€๋ง‰ ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ŠคํŽ™์˜ 95% ์ด์ƒ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.
๋„“๊ณ , ๊นŠ์œผ๋ฉฐ, ๋””ํ…Œ์ผํ•ฉ๋‹ˆ๋‹ค.
๋น„๊ธฐ๋„ˆ๋Š” ๋น ์ง์—†์ด ๋ฐฐ์šธ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ฒฝํ—˜์ž๋Š” ์ „์ฒด๋ฅผ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋งˆ์นจํ‘œ๋ฅผ ์ฐ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
ES6+ ๋ฒ”์œ„๋Š” ES2015๋ถ€ํ„ฐ ES2019๊นŒ์ง€์ž…๋‹ˆ๋‹ค.

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

๋น„๋™๊ธฐ ํ†ต์‹ ๊ณผ ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋ง๋ผํ•˜์—ฌ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฐœ๋…์œผ๋กœ ์ ‘๊ทผํ•ฉ๋‹ˆ๋‹ค.
11๋‹จ๊ณ„๋กœ ๋‚˜๋ˆ„์–ด ๋‹จ๊ณ„๋ณ„๋กœ ์ฝ”๋“œ๋กœ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ŠคํŽ™ ๋ฒ”์œ„๋Š” ์•„๋‹ˆ์ง€๋งŒ Web Workers, Ajax, XMLHttpRequest, Fetch๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค.
๋น„๋™๊ธฐ ํ†ต์‹ ๊ณผ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ์ „๋ฐ˜์„ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ—’ ์†Œ์Šค ์ฝ”๋“œ ๋‹ค์šด๋กœ๋“œ

โ–ฒ โ€˜์ˆ˜๊ฐ• ์ž๋ฃŒโ€™ ๋ฒ„ํŠผ ๋˜๋Š” ๊ตฌ๋ฆ„ ์•„์ด์ฝ˜์„ ํด๋ฆญ

"์„น์…˜5, ์ˆ˜์—…1"์—์„œ ๊ฐ•์ขŒ์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋‹ค์šด๋กœ๋“œ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


 

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ES6+ ํ™˜๊ฒฝ์„ ๋„“๊ณ  ๊นŠ๊ฒŒ ์ดํ•ดํ•˜๋ ค๋Š” ๊ฐœ๋ฐœ์ž

  • ๋น„๋™๊ธฐ ํ†ต์‹ , ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค ํ™˜๊ฒฝ์—์„œ ๊ฐœ๋ฐœํ•˜๋ ค๋Š” ๊ฐœ๋ฐœ์ž

  • ES6+๋ฅผ ์ดํ•ดํ•˜๊ณ  ์žˆ์œผ๋‚˜ ๋น ์ง์—†์ด ์ •๋ฆฌํ•˜๋ ค๋Š” ๊ฐœ๋ฐœ์ž

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ES6+ ๊ธฐ๋ณธ" ๊ฐ•์ขŒ์—์„œ ๋‹ค๋ฃจ๋Š” ๊ฒƒ์€ ๊ฐ•์ขŒ์—์„œ ๋‹ค๋ฃจ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. "ES6+ ๊ธฐ๋ณธ"์„ ์ˆ˜๊ฐ•ํ•˜์ง€ ์•Š์•„๋„ ๊ฐ•์ขŒ๋ฅผ ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ์œผ๋‚˜ ๋ถ€๋ถ„์ ์œผ๋กœ ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜์ง€ ๋ชปํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Node.js๋ฅผ ์‚ฌ์šฉํ•˜์ง€๋งŒ ๋ชฐ๋ผ๋„ ๋˜๋ฉฐ Node.js ์‹คํ–‰์— ํ•„์š”ํ•œ ์ฝ”๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”
๊น€์˜๋ณด์ž…๋‹ˆ๋‹ค.

9,839

๋ช…

์ˆ˜๊ฐ•์ƒ

415

๊ฐœ

์ˆ˜๊ฐ•ํ‰

339

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

13

๊ฐœ

๊ฐ•์˜

์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์„ ์ข‹์•„ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.

๋ฉ”์ผ: tonextday@gmail.com

๋™์˜์ƒ: 11๊ฐœ
Rust ๋นŒ๋“œ์—…: ์™„์ „ํ•œ ๊ธฐ๋ณธ ๋งŒ๋“ค๊ธฐ

ํด๋ฆฐ์—… ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ: ์ ํ”„์—…
ํด๋ฆฐ์—… ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ: ๋ฒ ์ด์Šค ๋นŒ๋“œ์—…
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๊ธฐ๋„ˆ
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ค‘๊ณ ๊ธ‰
๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(ES6+) ๊ธฐ๋ณธ
๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(ES6+) ์‹ฌํ™”
DOM ๊ธฐ๋ณธ
DOM ์ธํ„ฐ๋ž™์…˜
React ๋น„๊ธฐ๋„ˆ, React ์™„์ „ ๋๋‚ด๊ธฐ
์š”๊ตฌ๋ถ„์„ ๊ตฌํ˜„ ๋ฐฉ๋ฒ•
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋จธ์‹ ๋Ÿฌ๋‹ TensorFlow.js

์ €์„œ: 9๊ถŒ
๋ชฐ์ž…! ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
ECMAScript 6
HTML5
DOM ์Šคํฌ๋ฆฝํŒ…
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ •๊ทœํ‘œํ˜„์‹
์š”๊ตฌ๋ถ„์„์„ ์œ„ํ•œ Event Process ๋ชจ๋ธ๋ง
๋จธ์‹ ๋Ÿฌ๋‹ TensorFlow.js,
Ajax ํ™œ์šฉ, prototype.js ์™„์ „๋ถ„์„  
9๊ถŒ ์ค‘์—์„œ 8๊ถŒ์€ ๊ตญ๋‚ด ์ตœ์ดˆ ์ €์ž์ž…๋‹ˆ๋‹ค.
ํŠนํžˆ, "๋จธ์‹ ๋Ÿฌ๋‹ TensorFlow.js"๋Š” ์ถœํŒ ์‹œ์ ์— amazon.com์— ๊ด€๋ จ๋œ ์ฑ…์ด ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

 

 

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

80๊ฐœ โˆ™ (9์‹œ๊ฐ„ 29๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

32๊ฐœ

4.8

32๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ์ฐกํƒœ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ฐกํƒœ

    ์ˆ˜๊ฐ•ํ‰ 27

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ์ตœ๊ณ ์˜ ๊ฐ•์˜๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค!

  • beegizee1220๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    beegizee1220

    ์ˆ˜๊ฐ•ํ‰ 35

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ๋„ˆ๋ฌด๋‚˜ ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ES5 ๋น„๊ธฐ๋„ˆ๋ถ€ํ„ฐ ES6 ์‹ฌํ™”๊นŒ์ง€ ์ด 4๊ฐ•์ขŒ๋ฅผ ๋‹ค ์ˆ˜๊ฐ•ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋•๋ถ„์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ„์ง€๋Ÿฌ์› ๋˜ ๋ถ€๋ถ„๋“ค์— ๋Œ€ํ•ด ์‹œ์›ํ•˜๊ฒŒ ๊ธ์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์„ ์ƒ๋‹˜ ๊ฐ•์˜ ๋•์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํ•œ์ธต ๋” ๊ฐ€๊นŒ์›Œ์งˆ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ข‹์€ ๊ฐ•์˜ ์ •๋ง ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ( _ _ )

    • ๊น€์˜๋ณด
      ์ง€์‹๊ณต์œ ์ž

      4๊ฐ• ์™„์ฃผ๋ฅผ ์ถ•ํ•˜ํ•ฉ๋‹ˆ๋‹ค. ์ „์ฒด ์ˆฒ์„ ๋ณธ ๊ฒƒ์€ ํฐ ์ž์‚ฐ์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

  • devMiddleStone๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    devMiddleStone

    ์ˆ˜๊ฐ•ํ‰ 17

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐœ๋…์„ ์žก๋Š”๋ฐ ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

    • ๊น€์˜๋ณด
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊พธ๋ฒ…^^

  • ๊น€์ƒํ—Œ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๊น€์ƒํ—Œ

    ์ˆ˜๊ฐ•ํ‰ 8

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    96% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ํ˜„์žฌ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ณ  ์žˆ๋Š” ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๋‚˜๋ฆ„ ์ž˜ ์•ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์˜€์œผ๋‚˜, ์ด ๊ฐ•์˜๋ฅผ ๋ณด๊ณ  ๋„์—„๋„์—„ ์•Œ๊ณ  ์žˆ์—ˆ๋‹ค๋Š” ์ œ ์ž์‹ ์„ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ์ด์ œ ์ €์˜ ์ˆ˜๊ฐ• ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑ ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๊ธฐ๋„ˆ ๊ฐ•์˜๋ถ€ํ„ฐ es6์‹ฌํ™” ๊ฐ•์˜๊นŒ์ง€ 4๊ฐ€์ง€์˜ ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ฃ๊ณ  ์ ๋Š” ํ›„๊ธฐ์ž…๋‹ˆ๋‹ค. ํ™•์‹คํžˆ ์• ๋งคํ•˜๊ฒŒ ์•Œ๊ณ ์žˆ์–ด์„œ ๋ชป์จ์™”๋˜๊ฒƒ๋“ค์„ ์“ธ์ˆ˜์žˆ๊ฒŒ๋˜๋Š”๊ฒŒ ์ •๋ง ์ตœ๊ณ ์˜ ์ˆ˜๊ฐ•ํ›„๊ธฐ๊ฐ€ ์•„๋‹๊นŒ ์‹ถ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด map, forEach, filter ํ•จ์ˆ˜๋ฅผ ๋’ค์— ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ’์„ ์ถ”๊ฐ€๋กœ this๋กœ ๋ฐ›์„ ์ธ์ž๊ฐ’์„ ์•Ž์œผ๋กœ์จ ๊ตณ์ด 2์ค‘์œผ๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ๋Œ๋ ค ์‹œ๊ฐ„๋ณต์žก๋„๋ฅผ (n2)๋กœ ํ–ˆ๋˜๊ฑธ (n)์œผ๋กœ ๋๋‚ผ ์ˆ˜ ์žˆ์—ˆ๋˜์ , ๊ทธ๋ฆฌ๊ณ  call,apply, bind๊ฐœ๋…์ด ๋ช…ํ™•ํ•ด์ง€๋ฉด์„œ, this๋ฅผ ๋งค๋ฒˆ ํ—ท๊ฐˆ๋ ธ๋Š”๋ฐ ํ—ท๊ฐˆ๋ฆด๋•Œ ํ•ด๋‹น ํ•จ์ˆ˜ ํ˜ธ์ถœ์‹œ์— ์ง์ ‘์ ์œผ๋กœ this ๋ฐ”์ธ๋”ฉ ์‹œ์ผœ์„œ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š”์  ๊ทธ๋ฆฌ๊ณ  ์Šค์ฝ”ํ”„์— ๋Œ€ํ•œ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ๋Š” ์‹ฌํ™”๊ณผ์ •์„ ๋“ค์œผ๋ฉด์„œ ๋‹จ๊ณ„์ ์œผ๋กœ ์ฐพ์•„๋‚˜๊ฐ€๊ณ  ๊ฐ€์žฅ ์ƒ์œ„์— ์žˆ๋Š” ๊ฒƒ์—์„œ ์ฐพ๊ณ  ์—†์œผ๋ฉด __proto__๊ทธ๋ฆฌ๊ณ  ๋˜ ์—†๋‹ค๋ฉด ํ•˜์œ„์— __proto__๋ฅผ ์ฐพ๋Š”๋‹ค๋Š”์  ๋“ฑ๋“ฑ ์ €๋Š” ์ง„์งœ ์ด๋ฒˆ์— ์˜๋ณด์Œค๊ฑฐ ๊ฐ•์˜๋“ค์œผ๋ฉด์„œ ์ •๋ง ์ด๋Ÿฐ๋ง ํ‘œํ˜„์ด ๋งž์„์ง€ ๋ชจ๋ฅด๊ฒ ์œผ๋‚˜ ์ •๋ง ์€ํ˜œ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค... ๊ทธ๋ฆฌ๊ณ  ์–ด์ œ ๋ฐค์— csr์„ ์ง์ ‘ ๋ฐ”๋‹๋ผ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด์„œ class ์ด๋ฒคํŠธ์— built-in ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ƒ์†ํ•ด์„œ ์ฒ˜๋ฆฌํ•˜๋Š”๊ฒƒ์— ๋Œ€ํ•ด์„œ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ props๊ฐœ๋…๋„ ์ด์™€ ๋น„์Šทํ•˜๊ฒŒ ๋™์ž‘ํ•˜๊ฒ ๊ตฌ๋‚˜ ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•ด์„œ๋„ ์ •๋ง ์Œค์ด ์—†์—ˆ๋‹ค๋ฉด ์›๋ฆฌ์กฐ์ฐจ ๋ชจ๋ฅผ๋ป”ํ•œ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด์„œ ์•Œ์•„๊ฐ€๋Š” ์žฌ๋ฏธ๋ฅผ ๋А๊ผˆ์Šต๋‹ˆ๋‹ค ํ™•์‹คํžˆ ํŒ€๋‚ด์—์„œ๋„ ์ €ํ•œํ…Œ ์š”์ฆ˜ ๊ฐ‘์ž๊ธฐ ์ฝ”๋“œ๊ฐ€ ์‹ ๊ธฐํ•˜๊ฒŒ ๊น”๋”ํ•ด์กŒ๋‹ค๊ณ  ์ด์•ผ๊ธฐ๋“ค ํ•ด์ฃผ๋”๋ผ๊ตฌ์š” ์ˆ˜๊ฐ•์„ ๊ณ ๋ฏผํ•˜์‹œ๋Š” ๋ถ„๋“ค ์ •๋ง ๋ˆ์ด ์•„๊น์ง€ ์•Š์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ํ™•์‹คํ•˜๊ฒŒ ์•Œ๊ณ  ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค, ๋งค์ผ ์“ฐ๋˜๊ฒƒ๋งŒ ์“ฐ๋˜ ํ•จ์ˆ˜๋ฅผ ์“ฐ๋˜ ์ž์‹ ์—์„œ, ๋” ํŽธ๋ฆฌํ•˜๊ณ , ๋” ์ข‹์€ ๊ทธ๋ฆฌ๊ณ  ๋” ํšจ์œจ์ ์ธ ๋‚ด์žฅํ•จ์ˆ˜๋“ค์ด ๋งŽ๋‹ค๋Š”๊ฒƒ๋“ค์„ ๋А๋ผ์‹ค๊ฒ๋‹ˆ๋‹ค. ๊ณ ๋ฏผํ•˜์ง€๋ง๊ณ , ์˜๋ณด์Œค ๊ฐ•์˜ ์‹œ๋ฆฌ์ฆˆ ๋ชจ๋‘ ๊ตฌ์ž…ํ•˜์…”์„œ ๋‹ค๋“ค์–ด๋ณด์‹œ๊ธธ ๊ถŒ์žฅ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ฝ”๋“œ์˜ ์งˆ์ด ๋‹ฌ๋ผ์ง€๋ฉฐ, ์ƒ๊ฐํ•˜๋Š” ์‚ฌ๊ณ ๊ฐ€ ๋‹ฌ๋ผ์ง€๋Š”๊ฒƒ์„ ๋А๋‚„๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ œ๊ฐ€ ๋ณด์ฆ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค

    • ๊น€์˜๋ณด
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์‘์›ํ•ฉ๋‹ˆ๋‹ค.

  • ๋ฒ•๊ฒฝ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๋ฒ•๊ฒฝ

    ์ˆ˜๊ฐ•ํ‰ 49

    โˆ™

    ํ‰๊ท  ํ‰์  4.9

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์•„์ฃผ ์ข‹์•„์š”

๊น€์˜๋ณด๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋น„์Šทํ•œ ๊ฐ•์˜

๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

์—ฐ๊ด€ ๋กœ๋“œ๋งต

๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!