์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ค‘๊ณ ๊ธ‰: ์—”์ง„ ํ•ต์‹ฌ

4๊ฐœ ๊ฐ•์ขŒ๋กœ ๊ตฌ์„ฑ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ”์ด๋ธ” ๊ฐ•์ขŒ์˜ 2๋ฒˆ์งธ ๊ฐ•์ขŒ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„ ์ดํ•ด๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์ตœ์ ํ™”๋œ ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์‹  ์žˆ๊ฒŒ ์‹œ์Šคํ…œ์„ ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

(4.7) ์ˆ˜๊ฐ•ํ‰ 105๊ฐœ

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

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

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

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

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

4.7

5.0

oilater

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

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

5.0

์ดˆ์ง€์ผ์ฝ”

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

ํ˜ผ์ž๋งŒ ๋ณด๊ณ  ์‹ถ์€ ๊ฐ•์˜~ ์ฑ…๊ณผ ์˜คํ”„๋ผ์ธ์—์„œ ์ด๋ฏธ ๊ฒฝํ—˜ํ•œ ํ„ฐ๋ผ ๋ฏฟ๊ณ  ๋ณด๋Š” ๊น€์˜๋ณด๋‹˜์˜ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์–ด๋””์„œ๋„ ์ด๋ ‡๊ฒŒ ๊นŠ์ด๊ฐ ์žˆ๋Š” ๋‚ด์šฉ์€ ์ฐพ์•„๋ณผ ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ˆ˜๋ฐ• ๊ฒ‰ํ•ฅ๊ธฐ ํ•˜๋Š” ๊ฐ•์˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. JavaScript๋ฅผ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ์‹ค ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

5.0

๊น€์ƒํ—Œ

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

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

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

  • JavaScript์˜ ๊ทผ๋ณธ์ ์ธ ํ•ต์‹ฌ์„ ์•Œ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

  • ์—”์ง„์— ์ตœ์ ํ™”๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ™˜๊ฒฝ์— ์ตœ์ ํ™”๋œ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

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

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

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


๐Ÿ—’ ๊ฐ•์˜ ์†Œ๊ฐœ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„ ์ฒ˜๋ฆฌ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์— ์ตœ์ ํ™”๋œ ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์™„์ „ํ•˜๊ฒŒ ํ”„๋กœ๊ทธ๋žจ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๋Š” ๊ตฌ์กฐ๊ฐ€ ์—ฐ์ƒ๋ฉ๋‹ˆ๋‹ค.

๊ฐ•์ขŒ ์ „์ฒด๊ฐ€ ํ•˜๋‚˜์˜ ์‹œ๋‚˜๋ฆฌ์˜ค์ž…๋‹ˆ๋‹ค. ๊ฐ•์ขŒ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์‹ค๋ ฅ์ด ํ•˜๋‚˜์”ฉ ์Œ“์•„์ง‘๋‹ˆ๋‹ค. ํผ์ฆ์„ ๋งž์ถ”๋“ฏ์ด ํ•˜๋‚˜์”ฉ ์‹ค๋ ฅ์ด ๋งŒ๋“ค์–ด์ง‘๋‹ˆ๋‹ค. 

8๋…„ ์ด์ƒ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ค‘๊ณ ๊ธ‰ ์˜คํ”„๋ผ์ธ ๊ฐ•์ขŒ ๊ฒฝํ—˜์„ ๋‹ด์•˜์Šต๋‹ˆ๋‹ค.


๐Ÿ—’ ๊ฐ•์ขŒ์˜ ์ƒ์œ„ ๋ ˆ๋ฒจ ํ‚ค์›Œ๋“œ

  • Function ์˜ค๋ธŒ์ ํŠธ (์ƒ์„ฑ ๊ณผ์ •, ๊ตฌ์กฐ, ๋‚ด๋ถ€ ํ”„๋กœํผํ‹ฐ), ์—”์ง„ ํ•ด์„ ์ˆœ์„œ์™€ ๋ฐฉ๋ฒ•
  • ํ˜ธ์ด์ŠคํŒ…, ์˜ค๋ฒ„๋กœ๋”ฉ, ์Šค์ฝ”ํ”„ (์ •์ , ๋™์ ), ๊ธ€๋กœ๋ฒŒ ์Šค์ฝ”ํ”„, ์‹๋ณ„์ž ํ•ด๊ฒฐ
  • ์‹คํ–‰ ์ฝ˜ํ…์ŠคํŠธ, ๋ ‰์‹œ์ปฌ ํ™˜๊ฒฝ ์ปดํฌ๋„ŒํŠธ, ths ๋ฐ”์ธ๋”ฉ ์ปดํฌ๋„ŒํŠธ, Argument ์ฒ˜๋ฆฌ ๋ฉ”์ปค๋‹ˆ์ฆ˜
  • ์ธ์Šคํ„ด์Šค (์ƒ์„ฑ ๋‹จ๊ณ„, ์ƒ์†), ์ƒ์„ฑ์ž ํ•จ์ˆ˜, prototype (์—ฐ๊ฒฐ, ์ƒ์†, ๊ณต์œ , ํ™•์žฅ)
  • this์™€ ์ธ์Šคํ„ด์Šค, this ๋ฐ”์ธ๋”ฉ, ์žฌ๊ท€ํ•จ์ˆ˜, ์ฆ‰์‹œ ์‹คํ–‰ ํ•จ์ˆ˜, ํด๋กœ์ € ๋…ผ๋ฆฌ

๊ฐ•์ขŒ ์†Œ๊ฐœ

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

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

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ค‘๊ณ ๊ธ‰ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋ ค๋Š” ๋ถ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ค๋ ฅ์„ ๊ทผ๋ณธ์ ์œผ๋กœ ๋‹ค์ง€์‹œ๋ ค๋Š” ๋ถ„

  • ์—”์ง„์— ์ตœ์ ํ™”๋œ ๊ฐœ๋ฐœ์„ ํ•˜๋ ค๋Š” ๋ถ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ™˜๊ฒฝ์— ์ตœ์ ํ™”๋œ ์„ค๊ณ„๋ฅผ ํ•˜์‹œ๋ ค๋Š” ๋ถ„

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

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•

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

9,771

๋ช…

์ˆ˜๊ฐ•์ƒ

409

๊ฐœ

์ˆ˜๊ฐ•ํ‰

338

๊ฐœ

๋‹ต๋ณ€

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์— ๊ด€๋ จ๋œ ์ฑ…์ด ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

 

 

๋”๋ณด๊ธฐ

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

์ „์ฒด

50๊ฐœ โˆ™ (5์‹œ๊ฐ„ 2๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

105๊ฐœ

4.7

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

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

    ์ˆ˜๊ฐ•ํ‰ 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๊ฐœ๋…๋„ ์ด์™€ ๋น„์Šทํ•˜๊ฒŒ ๋™์ž‘ํ•˜๊ฒ ๊ตฌ๋‚˜ ํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•ด์„œ๋„ ์ •๋ง ์Œค์ด ์—†์—ˆ๋‹ค๋ฉด ์›๋ฆฌ์กฐ์ฐจ ๋ชจ๋ฅผ๋ป”ํ•œ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด์„œ ์•Œ์•„๊ฐ€๋Š” ์žฌ๋ฏธ๋ฅผ ๋А๊ผˆ์Šต๋‹ˆ๋‹ค ํ™•์‹คํžˆ ํŒ€๋‚ด์—์„œ๋„ ์ €ํ•œํ…Œ ์š”์ฆ˜ ๊ฐ‘์ž๊ธฐ ์ฝ”๋“œ๊ฐ€ ์‹ ๊ธฐํ•˜๊ฒŒ ๊น”๋”ํ•ด์กŒ๋‹ค๊ณ  ์ด์•ผ๊ธฐ๋“ค ํ•ด์ฃผ๋”๋ผ๊ตฌ์š” ์ˆ˜๊ฐ•์„ ๊ณ ๋ฏผํ•˜์‹œ๋Š” ๋ถ„๋“ค ์ •๋ง ๋ˆ์ด ์•„๊น์ง€ ์•Š์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ํ™•์‹คํ•˜๊ฒŒ ์•Œ๊ณ  ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค, ๋งค์ผ ์“ฐ๋˜๊ฒƒ๋งŒ ์“ฐ๋˜ ํ•จ์ˆ˜๋ฅผ ์“ฐ๋˜ ์ž์‹ ์—์„œ, ๋” ํŽธ๋ฆฌํ•˜๊ณ , ๋” ์ข‹์€ ๊ทธ๋ฆฌ๊ณ  ๋” ํšจ์œจ์ ์ธ ๋‚ด์žฅํ•จ์ˆ˜๋“ค์ด ๋งŽ๋‹ค๋Š”๊ฒƒ๋“ค์„ ๋А๋ผ์‹ค๊ฒ๋‹ˆ๋‹ค. ๊ณ ๋ฏผํ•˜์ง€๋ง๊ณ , ์˜๋ณด์Œค ๊ฐ•์˜ ์‹œ๋ฆฌ์ฆˆ ๋ชจ๋‘ ๊ตฌ์ž…ํ•˜์…”์„œ ๋‹ค๋“ค์–ด๋ณด์‹œ๊ธธ ๊ถŒ์žฅ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ฝ”๋“œ์˜ ์งˆ์ด ๋‹ฌ๋ผ์ง€๋ฉฐ, ์ƒ๊ฐํ•˜๋Š” ์‚ฌ๊ณ ๊ฐ€ ๋‹ฌ๋ผ์ง€๋Š”๊ฒƒ์„ ๋А๋‚„๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ œ๊ฐ€ ์ž๋ถ€ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค

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

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

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

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ์—ญ์‰ฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‚ด๋ถ€ ๊ตฌ์กฐ๋ฅผ ์•„์ฃผ ์ž˜ ์•Œ๊ณ  ๊ณ„์‹œ๋Š” ๊ณ ์ˆ˜์˜ ๋‚ด๊ณต์ด ๋А๊ปด์กŒ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ๊ฐ•์ขŒ๋„ ๋„ˆ๋ฌด ๊ธฐ๋Œ€๊ฐ€ ๋˜๋„ค์š”! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    2์ผ์— ์™„๊ฐ•ํ–ˆ๋„ค์š”. ๋‹ค์Œ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•ด์„œ ๋†“์„ ์ˆ˜๊ฐ€ ์—†์—ˆ๊ตฌ์š”. ๊ธฐ๋ณธ์ด ์•ฝํ•˜๋‹ค๋Š” ๊ฒƒ์„ ๋А๋‚€ ๊ฒƒ์€ ๋ค์ด๋„ค์š”. ์ข‹์€ ๊ฐ•์ขŒ ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค.

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

      ์ˆ˜๊ฐ•ํ‰ 12

      โˆ™

      ํ‰๊ท  ํ‰์  4.8

      5

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

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

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

        ๋Œ€๋ฐ•, ์ถ•ํ•˜ํ•ฉ๋‹ˆ๋‹ค^^

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

      ์ˆ˜๊ฐ•ํ‰ 4

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      ํ˜ผ์ž๋งŒ ๋ณด๊ณ  ์‹ถ์€ ๊ฐ•์˜~ ์ฑ…๊ณผ ์˜คํ”„๋ผ์ธ์—์„œ ์ด๋ฏธ ๊ฒฝํ—˜ํ•œ ํ„ฐ๋ผ ๋ฏฟ๊ณ  ๋ณด๋Š” ๊น€์˜๋ณด๋‹˜์˜ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์–ด๋””์„œ๋„ ์ด๋ ‡๊ฒŒ ๊นŠ์ด๊ฐ ์žˆ๋Š” ๋‚ด์šฉ์€ ์ฐพ์•„๋ณผ ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ˆ˜๋ฐ• ๊ฒ‰ํ•ฅ๊ธฐ ํ•˜๋Š” ๊ฐ•์˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. JavaScript๋ฅผ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ์‹ค ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

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

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

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

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

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

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

    โ‚ฉ16,500