๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

์šฐ์•„ํ•œํ…Œํฌ์บ ํ”„ 3์ผ์ฐจ

ยท ์•ฝ 3๋ถ„

๊ณต๋ถ€๋Š” ์–ด๋–ป๊ฒŒ?#

๊ตฌ๊ธ€๋ง#

  • ์˜์–ด vs ํ•œ๊ตญ์–ด

    ํ•œ๊ตญ์–ด๋Š” ์ปจํ…์ธ ๊ฐ€ ๋ถ€์กฑํ•˜๋‹ค. ๊ณต์‹ ์‚ฌ์ดํŠธ๋ฅผ ๋ณด์ž.

MDN#

stackoverflow#

  • ์งˆ๋ฌธ์„ ๋‚จ๊ธฐ๊ณ  ๋‹ต๋ณ€์„ ๋‹ฌ์•„๋ผ

๋””๋ฒ„๊น…#

  • ์ธ์ƒ์˜ ์ ˆ๋ฐ˜ ์ด์ƒ์„ ๋””๋ฒ„๊น…์— ์Ÿ๋Š”๋‹ค

  • ๋””๋ฒ„๊น…ํ•˜๋ฉด์„œ ํ•™์Šตํ•˜๋ผ

  • this , closure ๋“ฑ๋“ฑ ์–ด๋ ค์šด ๊ฐœ๋…์€ ๋””๋ฒ„๊น… ์ฐฝ์„ ๋„์šฐ๊ณ  ์ฝœ ์Šคํƒ์— ์Œ“์ธ ์ง€์—ญ๋ณ€์ˆ˜์˜ ๊ฐ’์ด ๋ญ”์ง€ ๋ณด๋ฉด์„œ ํ•™์Šต

  • ๋””๋ฒ„๊น… ์ฃผ๋„ ํ•™์Šต

  • ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ๋ฌด์‹œํ•˜์ง€ ๋งˆ๋ผ

    ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋ฅผ ์ž์ฃผ ๋ด์•ผ์ง€ ๋‹ค์Œ ๋ฒˆ์— ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋งŒ ๋ณด๊ณ  ์ƒํ™ฉ์„ ํŒ๋‹จํ•  ์ˆ˜ ์žˆ์Œ

JS์˜ ํ‘œ์ค€#

  • ECMAScript

  • ES 2015 == ES6

  • prototype ๋ชฐ๋ผ๋„ ๊ฐœ๋ฐœํ•  ์ˆœ ์žˆ์ง€๋งŒ, JS์˜ ํ•ต์‹ฌ์ด prototype ์ด๋‹ค. ๊ผญ ์ดํ•ดํ•ด์•ผํ•œ๋‹ค.

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ#

ํ˜„์‹ค ์„ธ๊ณ„์— ์žˆ๋Š” ์‚ฌ๋ฌผ. ์‹ค์กดํ•˜๋Š” ๊ฒƒ.

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•ต์‹ฌ์€ ์—ญํ• 

์—ญํ• ์„ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค.

new ํ‚ค์›Œ๋“œ ์ƒ์„ฑ์ž, ์†์„ฑ์„ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ๋„ฃ์–ด์„œ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ ๋‹ค.

์Šคํƒ€๋ฒ…์Šค ์ปคํ”ผ, ๋ฐ”๋ฆฌ์Šคํƒ€์˜ ์˜ˆ์‹œ

์˜์กด์„ฑ์ด ๋‚ฎ์€ ์—ฐ๊ฒฐ๊ณ ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ์–ด์•ผ ํ•œ๋‹ค.

์—ฐ๊ฒฐ์„ ๋Š์Šจํ•˜๊ฒŒ ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค. โ†’ ๋””์ž์ธ ํŒจํ„ด

์˜์กด์„ฑ์ด ๋‚ฎ์•„์„œ ์ˆ˜์ •์ด ๋˜๋„ ์—ฐ๊ฒฐ๋œ ๋‹ค๋ฅธ ๊ฐ์ฒด๋Š” ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š์Œ

์ฝ”๋”ฉ๋ณด๋‹ค ๋””์ž์ธ

๋ฉ”์†Œ๋“œ vs ํ”„๋กœํ† ํƒ€์ž…#


๋ฉ”์†Œ๋“œ๋Š” ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ์ฐจ์ง€

ํ”„๋กœํ† ํƒ€์ž…์€ ๊ฐ ๊ฐ์ฒด๊ฐ€ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ์‰์–ด ํ•จ.

module vs import#

์ฆ‰์‹œ์‹คํ–‰ํ•จ์ˆ˜์™€ private#

๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ#

JavaScript๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋กœ ๋™์ž‘

then์ด ์‹คํ–‰๋œ ๊ฒŒ ์•„๋‹ˆ๋ผ then์— ๋“ฑ๋ก๋œ ์ฝœ๋ฐฑ ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰ ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

  • ํด๋กœ์ €

  • ์ด๋ฒคํŠธ ๋ฃจํ”„