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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๊ธฐ๋„ˆ: ํŠผํŠผํ•œ ๊ธฐ๋ณธ ๋งŒ๋“ค๊ธฐ

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

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

์ˆ˜๊ฐ•์ƒ 2,194๋ช…

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

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

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

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

4.7

5.0

mins

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

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

5.0

๊น€์ƒํ—Œ

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

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

5.0

์ด์ง€์„ 

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

a-z๊นŒ์ง€ ์ƒ์„ธํ•˜๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ์งš์–ด์ฃผ์‹  ๋•์—, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€๊ฐ€ ์ฒ˜์Œ์œผ๋กœ ์ฆ๊ฑฐ์› ์Šต๋‹ˆ๋‹ค!! ๊ฒฝํ—˜์—์„œ ์šฐ๋Ÿฌ๋‚˜์˜จ ํŒ์„ ๋ชจ๋‘ ์•Œ๋ ค์ฃผ์…”์„œ ๋“ฃ๋Š” ๋‚ด๋‚ด ์ •๋ง ๊ฐ์‚ฌํ–ˆ์Šต๋‹ˆ๋‹คใ… ใ… ์ œ๊ฐ€ ๋“ค์€ ๊ฐ•์˜์ค‘์— ์ตœ๊ณ ์—์š”. ์ œ ๋А๋‚€์ ์„ ํ•œ์ค„๋กœ ์š”์•ฝํ•˜์ž๋ฉด ํด๋ž˜์‹์€ ์˜์›ํ•˜๋‹ค ๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ๊ฒ ๋„ค์š”. ์„ ์ƒ๋‹˜ ํ•ญ์ƒ ๊ฑด๊ฐ•ํ•˜์‹œ๊ณ  ํ–‰๋ณตํ•˜์„ธ์š”^^ ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

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

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ฝ”๋”ฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ(ES5 ๊ธฐ์ค€) ์ง€์‹์„ ์Šต๋“ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

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

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

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

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

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


๊ฐ•์˜ ๋ฒ”์œ„

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๊ธฐ๋„ˆ ๊ณผ์ •
  • ๋น„๊ธฐ๋„ˆ์—๊ฒŒ ์ค‘์š”ํ•œ ๊ฒƒ์€?
    โถ๊ธฐ๋ณธ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ
    โท์ฝ”๋”ฉ ๊ฒฝํ—˜์„ ๋งŽ์ด ํ•˜๋Š” ๊ฒƒ
    โธํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐ๊ฐ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ŠคํŽ™(ES5 ๊ธฐ์ค€)์˜ 95% ์ด์ƒ์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค

๊ฐ•์ขŒ ํ‚ค๋…ธํŠธ ์ œ๊ณต

  • "์„น์…˜ 1.  ๊ธฐ๋ณธ ๋ฌธ๋ฒ•"์˜  ์ฒซ ๋ฒˆ์งธ์ธ "์ˆ˜์—… 1 : ๊ฐ•์ขŒ ํ™˜๊ฒฝ"์—์„œ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

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

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

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฒ˜์Œ ์ ‘ํ•˜๋Š” ์‚ฌ๋žŒ

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

  • JavaScript ๊ฒฝํ—˜์ž๋Š” ์ •๋ฆฌ ์ฐจ์›์—์„œ ๋“ค์œผ์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

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

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ๋ณธ ๊ฐœ๋… ์ดํ•ด

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

9,766

๋ช…

์ˆ˜๊ฐ•์ƒ

408

๊ฐœ

์ˆ˜๊ฐ•ํ‰

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

 

 

๋”๋ณด๊ธฐ

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

์ „์ฒด

112๊ฐœ โˆ™ (10์‹œ๊ฐ„ 38๋ถ„)

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

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

150๊ฐœ

4.7

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

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

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ๋””์ž์ด๋„ˆ ๋ฒ ์ด์Šค๋กœ ๋‹จ์ˆœํžˆ ์ œ ์›น์‚ฌ์ดํŠธ๋ฅผ ์ง์ ‘ ์ฝ”๋”ฉํ•˜๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋”ฉ์— ์ž…๋ฌธํ•˜๊ฒŒ ๋œ ์Œฉ ์ดˆ๋ณด์ž์ž…๋‹ˆ๋‹ค. HTML/CSS๋งŒ ์„ ์ˆ˜์ง€์‹๋งŒ ๊ฐ€์ง€๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ฝ”๋“œ์นด๋ฐ๋ฏธ์—์„œ ๊ฐ„๋‹จํžˆ ๊ณต๋ถ€ํ•˜๋‹ค ๋„์ €ํžˆ ์ž˜ ๊ธฐ์–ต์— ๋‚จ์ง€ ์•Š์•„์„œ (๊ฐœ๋…์„ ์ž˜ ํ™•์‹คํžˆ ์ดํ•ด๋ฅผ ํ•˜์ง€ ๋ชป ํ•œ ๊ฒƒ ๊ฐ™์•„์„œ) ์ผ๋‹จ ํ•œ๋ฒˆ ๊ธฐ์ดˆ ๊ฐ•์˜๋ฅผ ๋“ค์–ด๋ณด์ž๋Š” ์ƒ๊ฐ์— ๊ฐ•์˜๋ฅผ ๊ตฌ๋งคํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ๊ฐ•์˜ ์ž์ฒด๋ฅผ ๋ณด๋ฉด ๊ฐ•์˜๋‹น ์‹œ๊ฐ„์ด ๊ต‰์žฅํžˆ ์งง๋‹ค๊ณ  ์ƒ๊ฐํ•˜์‹ค์ง€๋„ ๋ชจ๋ฅด๊ฒ ์œผ๋‚˜ ๊ทธ ์งง์€ ์‹œ๊ฐ„ ๋‚ด์— ์งˆ๋ฌธ์ด ํ•„์š”ํ•˜์ง€ ์•Š์„ ์ •๋„๋กœ ์ค‘์š”ํ•œ ๊ฐœ๋…์„ ์งˆ๋ฌธ์ด ํ•„์š” ์—†์„ ์ •๋„๋กœ ๋„ˆ๋ฌด๋‚˜๋„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ž˜ ์„ค๋ช…ํ•ด์ฃผ์‹ญ๋‹ˆ๋‹ค. ์ •๋ง๋กœ ์งˆ๋ฌธ์ด ํ•„์š”ํ•˜์ง€ ์•Š์„ ์ •๋„๋กœ ๊น”๋”ํ•˜๊ฒŒ ์ž˜ ์„ค๋ช…ํ•ด ์ฃผ์‹ญ๋‹ˆ๋‹ค. ์ €๋Š” ๊ฐœ์ธ์ ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•ด์„œ๋„ ํ•˜๋‚˜๋„ ๋ชจ๋ฅด์‹œ๋Š” ์ดˆ๋ณด์ž ๋ถ„๋“ค๋„ ์‹œ์ž‘ํ•˜์‹œ๋ฉด ๊ต‰์žฅํžˆ ํฐ ๋„์›€์„ ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋ฆฌ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. (์ „์ž์ฑ… ๋“ฑ์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ดˆ๋ณด๋ฅผ ์œ„ํ•œ ์ฑ…๋“ค์„ ๋ณด์•˜์„๋•Œ ์ดํ•ด๊ฐ€ ์ „ํ˜€ ๋˜์ง€ ์•Š์•˜๋˜ ๋‚ด์šฉ๋“ค์ด ์งง์€ ๊ฐ•์˜๋กœ ๋จธ๋ฆฟ ์†์— ์ •๋ง ํƒ„ํƒ„ํ•˜๊ฒŒ ๊ฐœ๋…์ด ์žกํžŒ ๋А๋‚Œ์ด ๋“ค์—ˆ๊ฑฐ๋“ ์š”. ๋˜ํ•œ ์ฝ”๋”ฉ ์ดํ›„ ๋ณต์Šต ์‹œ O'Relly ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋ฟ”์†Œ์ฑ…์„ ๋˜ ๋ณด์•˜๋Š”๋ฐ ์„ ์ƒ๋‹˜๊ป˜์„œ ์„ค๋ช…ํ•ด ์ฃผ์‹  ๋ถ€๋ถ„๊ณผ ํ‚ค๋…ธํŠธ๋ฅผ ๋น„๊ตํ•ด๊ฐ€๋ฉฐ ์ฝ์œผ๋ฉด ๊ฐœ๋…์ด ํ™•์‹คํžˆ ์žกํžˆ๋Š” ๋А๋‚Œ์ด๋ผ ๋„ˆ๋ฌด๋‚˜๋„ ๋„์›€์ด ๋งŽ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.) ์ €์˜ ๊ฒฝ์šฐ์—๋Š” ํ˜ผ์ž ๋ณต์Šตํ•  ๋•Œ ์„ ์ƒ๋‹˜๊ป˜์„œ ๋ง์”€ํ•˜์‹ ๊ฒƒ์ฒ˜๋Ÿผ ํฌ์ŠคํŠธ์ž‡ ๋“ฑ์„ ์ด์šฉํ•ด์„œ ์ฝ”๋”ฉ๋˜์–ด ์žˆ๋Š” ๊ฒƒ์„ ๊ฐ€๋ฆฌ๊ณ  ์Šค์Šค๋กœ ์ฝ”๋”ฉํ•ด๋ณด๊ณ , ๊ทธ์™€ ํ•จ๊ป˜ ์ฝ”๋“œ์นด๋ฐ๋ฏธ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋”ฐ๋กœ ์—ฐ์Šตํ•˜๊ณ  ํ˜ผ์ž์„œ ๊ณ„์† ์ฝ”๋”ฉ์„ ์ง„ํ–‰ํ•ด๋‚˜๊ฐ€๊ณ  ์žˆ๋Š”๋ฐ ๊ธฐ์ดˆ๋ฅผ ๋„ˆ๋ฌด๋„ˆ๋ฌด ์ž˜ ์žก์•„์ฃผ์…”์„œ ๊ทธ๋Ÿฐ์ง€ ์ดํ•ด๊ฐ€ ์•ˆ ๋˜์–ด์„œ ์ค‘๊ฐ„์— ๋ฉˆ์ถ”๊ฒŒ ๋˜๋Š” ๋ถ€๋ถ„์€ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. (์–ด๋ ต์ฃ ? ๋ผ๊ณ  ํ•˜์‹œ๋Š”๋ฐ ๋„ˆ๋ฌด ์ดํ•ด๊ฐ€ ์ž˜ ๊ฐ€๊ฒŒ ์„ค๋ช…ํ•ด ์ฃผ์…”์„œ ์ด๊ฒŒ ์™œ ์–ด๋ ต์ง€? ๋ผ๋Š” ์ƒ๊ฐ์„ ๋ช‡๋ฒˆ์ด๋‚˜ ํ•œ ๊ฒƒ ๊ฐ™์•„์š” ใ…Žใ…Ž) ๊ทธ๋ฆฌ๊ณ  ์ค‘๊ฐ„์ค‘๊ฐ„์— ๋ผ๋ฉด ๋“ฑ๋“ฑ ๊ฐœ๊ทธ ํฌ์ธํŠธ์— ๋’ค์ง‘์–ด์ง€๊ธฐ๋„ ํ•˜๊ณ ์š”. (์ €๋งŒ ์ทจํ–ฅ์ผ์ˆ˜๋„ ์žˆ์ง€๋งŒ ์ฒ˜์Œ์— ์ง€๋ฃจํ•˜์ง€ ์•Š์„๊นŒ ์ƒ๊ฐํ•˜๊ธฐ๋„ ํ–ˆ๋Š”๋ฐ ์™ ๊ฑธ... ์ค‘๊ฐ„์ค‘๊ฐ„ ๋˜์ง€์‹œ๋Š” ๋ง๋“ค์— ๋นต ํ„ฐ์ง„ ๋ถ€๋ถ„์ด ๋„ˆ๋ฌด ๋งŽ์Šต๋‹ˆ๋‹ค.) ์ •๋ง ์‹ ๊ธฐํ•œ ๊ฒŒ ๊น€์˜๋ณด ์„ ์ƒ๋‹˜๊ป˜์„œ ์–ด๋– ํ•œ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•˜์‹œ๋ฉด ์ œ ์Šค์Šค๋กœ๊ฐ€ ์ด๊ฑด ์–ด๋А ์ƒํ™ฉ์—์„œ ์–ด๋А ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ์“ธ์ˆ˜ ์žˆ๋Š”์ง€ ์ƒ๊ฐํ•˜๊ฒŒ ๋˜๊ณ , ์ด๋Ÿฐ๊ฑธ ๊ตฌํ˜„ํ•  ๋•Œ ์ด ์ฝ”๋“œ๋ฅผ ์“ธ ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ? ํ•˜๊ณ  ๊ณ ๋ฏผํ•˜๊ฒŒ ๋˜๊ณ , ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ๋งŒ๋“  ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด์„œ ์ด ์ƒํ™ฉ์—์„œ ์ด๊ฑธ ์“ฐ๋Š”๊ตฌ๋‚˜ ํ•˜๋Š” ์‹์˜ ์ฝ”๋“œ ์ž์ฒด๋ฅผ ์ดํ•ดํ•˜๋Š” ๋Šฅ๋ ฅ์ด ์ƒ๊ธด ๊ฒƒ ๊ฐ™์•„์„œ (๋‹จ์ˆœํ•œ ๋ฐ˜๋ณตํ•™์Šต์ด ์•„๋‹ˆ๋ผ ์ƒ๊ฐ์„ ํ•˜๋ฉด์„œ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๊ฒŒ ๋œ๋‹ฌ๊นŒ์š”) ๊ต‰์žฅํžˆ ๋งŒ์กฑํ•ฉ๋‹ˆ๋‹ค. ์„ ์ƒ๋‹˜๊ป˜์„œ ์‹ค๋ฌด์ ์ธ ๋ถ€๋ถ„์—์„œ ๊นจ๋‹ฌ์œผ์‹  ๋งŽ์€ ๊ท€์ค‘ํ•œ ๊ฒฝํ—˜๋“ค๊ณผ ์‚ฌ์†Œํ•œ ๋””ํ…Œ์ผ๋“ค๊นŒ์ง€๋„ ํ•จ๊ป˜ ๊ณต์œ ํ•ด์ฃผ์…”์„œ ์ €๋Š” ๊ฐœ์ธ์ ์œผ๋กœ ๋„ˆ๋ฌด๋‚˜๋„ ๋งŒ์กฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ ์ด ๊ฐ•์˜๋ฅผ ์ œ๋Œ€๋กœ ํ™œ์šฉํ•˜๋ ค๋ฉด, ์ฒซ ๊ฐ•์˜์— ์„ ์ƒ๋‹˜๊ป˜์„œ ๋ง์”€ํ•ด์ฃผ์‹œ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ, ํ˜ผ์ž์„œ์˜ ๊ฐœ์ธ์ ์ธ ์ฝ”๋”ฉ ๊ฒฝํ—˜์„ ์Œ“๋Š” ์—ฐ์Šต, ๋ณต์Šต ๋“ฑ์ด ์ œ๋Œ€๋กœ ๋ฐ˜๋ณต์ด ๋˜์–ด์•ผ์ง€๋งŒ ์ œ ๋จธ๋ฆฟ ์†์— ๋‚จ๋Š” ์ง€์‹์œผ๋กœ ํ™œ์šฉ์ด ๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ๊ฐ•์กฐ๋“œ๋ฆฌ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. (i.e. ๊ฐ•์˜ ๋“ฃ๊ธฐ - ํ‚ค๋…ธํŠธ์— ์žˆ๋Š” ์ฝ”๋”ฉ ๋ถ€๋ถ„์„ ์ข…์ด๋กœ ๊ฐ€๋ฆฌ๊ณ  ์Šค์Šค๋กœ ์ง„ํ–‰- ํ‹€๋ ธ์„ ๊ฒฝ์šฐ ๋‹ต์„ ๋ณด๊ธฐ๋ณด๋‹ค ๋ฌด์—‡์ด ์ž˜๋ชป๋˜์—ˆ๋Š”์ง€ ์ƒ๊ฐํ•˜๊ธฐ - ๊ฐœ๋…์ด ์ดํ•ด๊ฐ€ ๋˜์ง€ ์•Š๋Š” ๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ๊ฐ•์˜๋ฅผ ๋‹ค์‹œ ๋“ฃ๊ธฐ (ํ˜น์€ ๋‹ค๋ฅธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฑ…๊ณผ ๋น„๊ตํ•ด๊ฐ€๋ฉฐ ๊ฐœ๋… ๋‹ค์‹œ ๋ฐ˜๋ณต ์ •๋ฆฌํ•˜๊ธฐ) - ์ฝ”๋”ฉ ๋ฐ˜๋ณต... ๋‹จ์ˆœํžˆ ๊ฐ•์˜๋ฅผ ๋ณด๋Š” ๊ฒƒ์œผ๋กœ๋Š” ์•„๋ฌด๋ฆฌ ์ข‹์€ ๊ฐ•์˜๋ฅผ ๋ณธ๋‹ค๊ณ  ํ•ด์„œ ๋จธ๋ฆฟ ์†์— ๋‚จ์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.) ์ด๋ ‡๊ฒŒ ์งˆ์ด ์ข‹์€ ๊ฐ•์˜๊ฐ€ 5๋…„๋™์•ˆ ์†Œ์žฅ ๊ฐ€๋Šฅํ•˜๋ฉฐ 3๋งŒ์›๋Œ€๋ผ๋Š” ๊ฒƒ์ด ๋ฏฟ๊ธฐ์ง€๊ฐ€ ์•Š์Šต๋‹ˆ๋‹ค. ์„ ์ƒ๋‹˜์˜ ๊ท€์ค‘ํ•œ ์ง€์‹์„ ๊ณต์œ ํ•ด ์ฃผ์…”์„œ ๋„ˆ๋ฌด๋‚˜๋„ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊พธ๋ฒ…^^ ์ œ ์ƒ๊ฐ์„, ์ œ ๋งˆ์Œ์„ ๋ชจ๋‘ ์ฝ์œผ์‹  ๊ฒƒ ๊ฐ™์•„ ์†Œ๋ฆ„์ด... ๊ณ„์† ์ด๋ ‡๊ฒŒ ํ•˜์‹œ๋ฉด ๋จธ์ง€ ์•Š์•„ ๋ชฉํ‘œํ–ˆ๋˜ ๊ฒƒ์„ ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ธด ๊ธ€์ธ๋ฐ ์งง๊ฒŒ ์“ฐ๋Š” ๊ฒƒ์ด ์™ ์ง€ ๋ฏธ์•ˆํ•˜๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค๋งŒ, ๋” ์ด์ƒ ์ฒจ์–ธํ•  ๋ง์ด ์—†์Šต๋‹ˆ๋‹ค.

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

    ์ˆ˜๊ฐ•ํ‰ 8

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

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

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด์„œ ๊ธฐ๋ณธ์„ ๋‹ค์ ธ๋‚˜๊ฐ€๋ฉด ๋‚˜๋„ ๋ชจ๋ฅด๋Š” ์‚ฌ์ด์— ๋ฐœ์ „๋œ ๊ฒƒ์„ ๋А๋‚„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‘์›ํ•ฉ๋‹ˆ๋‹ค.

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

    ์ˆ˜๊ฐ•ํ‰ 7

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    a-z๊นŒ์ง€ ์ƒ์„ธํ•˜๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ์งš์–ด์ฃผ์‹  ๋•์—, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€๊ฐ€ ์ฒ˜์Œ์œผ๋กœ ์ฆ๊ฑฐ์› ์Šต๋‹ˆ๋‹ค!! ๊ฒฝํ—˜์—์„œ ์šฐ๋Ÿฌ๋‚˜์˜จ ํŒ์„ ๋ชจ๋‘ ์•Œ๋ ค์ฃผ์…”์„œ ๋“ฃ๋Š” ๋‚ด๋‚ด ์ •๋ง ๊ฐ์‚ฌํ–ˆ์Šต๋‹ˆ๋‹คใ… ใ… ์ œ๊ฐ€ ๋“ค์€ ๊ฐ•์˜์ค‘์— ์ตœ๊ณ ์—์š”. ์ œ ๋А๋‚€์ ์„ ํ•œ์ค„๋กœ ์š”์•ฝํ•˜์ž๋ฉด ํด๋ž˜์‹์€ ์˜์›ํ•˜๋‹ค ๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ๊ฒ ๋„ค์š”. ์„ ์ƒ๋‹˜ ํ•ญ์ƒ ๊ฑด๊ฐ•ํ•˜์‹œ๊ณ  ํ–‰๋ณตํ•˜์„ธ์š”^^ ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

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

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

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

    ์ˆ˜๊ฐ•ํ‰ 18

    โˆ™

    ํ‰๊ท  ํ‰์  4.8

    5

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

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ต๊ณผ์„œ ๊ฐ™์€ ๋А๋‚Œ์ž…๋‹ˆ๋‹ค. ์งˆ๋ฌธ์ด ํ•„์š”๊ฐ€ ์—†๋Š” ๊ฐ•์˜๊ฐ™์Šต๋‹ˆ๋‹ค. ์งˆ๋ฌธ์ด ํ•„์š”ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์€ ๋ชจ๋“  ๊ฒƒ์„ ์ž˜ ์•Œ๋ ค์คฌ๋‹ค๋Š”๊ฒŒ ์•„๋‹๊นŒ์š”?

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

    ์ˆ˜๊ฐ•ํ‰ 16

    โˆ™

    ํ‰๊ท  ํ‰์  4.9

    5

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

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

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋А๋ผ๋ฉด์„œ, ์ƒ๊ฐํ•˜๋ฉด์„œ, ๊ณ„์† ๊ฐ€์‹œ๋ฉด ๋ฉ‹์žˆ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์‹ญ๋‹ˆ๋‹ค. ๊ธฐ๋Œ€๋ฉ๋‹ˆ๋‹ค.^^

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

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

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

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

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

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

โ‚ฉ16,500