๐Ÿ“š ๊ฐœ๋ฐœ ์ฑ…/๐Ÿ“š ๋„ˆ๋Š” ์•„์ง JS๋ฅผ ๋ชจ๋ฅธ๋‹ค. (๋งž๋‹ค.)

xodbf ๊ณผ ๋‚˜.

Roy Miller 2025. 3. 13. 14:05

 

์ฃผ์ฐจ ์ฃผ์š” ๋‚ด์šฉ (Chapter) ์ถ”๊ฐ€ ํ•™์Šต ์ž๋ฃŒ ๋น„๊ณ 
1 5์žฅ ๋ณ€์ˆ˜์˜ ๋น„๋ฐ€ ์ƒ๋ช…์ฃผ๊ธฐ & 6์žฅ ์Šค์ฝ”ํ”„ ๋…ธ์ถœ ์ œํ•œ:
๋ณ€์ˆ˜ ์„ ์–ธ, ํ˜ธ์ด์ŠคํŒ…, TDZ, ์Šค์ฝ”ํ”„(์ „์—ญ, ํ•จ์ˆ˜, ๋ธ”๋ก) ๊ฐœ๋… ๋ฐ ๋™์ž‘ ๋ฐฉ์‹ ์ดํ•ด.
MDN Web Docs: var, let, const, Scope, Hoisting var, let, const ์ฐจ์ด์  ๋ช…ํ™•ํžˆ ์ดํ•ด.
2 7์žฅ ํด๋กœ์ € ์‚ฌ์šฉ๋ฒ•:
ํด๋กœ์ € ๊ฐœ๋…, ๋™์ž‘ ์›๋ฆฌ, ํ™œ์šฉ ์‚ฌ๋ก€ (private ๋ณ€์ˆ˜, ์ปค๋ง, ํ•จ์ˆ˜ ํŒฉํ† ๋ฆฌ ๋“ฑ) ์ดํ•ด ๋ฐ ์‹ค์Šต.
MDN Web Docs: Closures, YouTube: ํด๋กœ์ € ๊ด€๋ จ ๊ฐ•์˜ (์˜ˆ: "์ฝ”๋”ฉ์•™๋งˆ", "๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ" ๋“ฑ) ํด๋กœ์ € ์˜ˆ์ œ ์ฝ”๋“œ ์ง์ ‘ ์ž‘์„ฑ ๋ฐ ๋ถ„์„.
3 8์žฅ ๋ชจ๋“ˆ ํŒจํ„ด:
๋ชจ๋“ˆ ๊ฐœ๋…, ์บก์Аํ™”, ์ •๋ณด ์€๋‹‰, CommonJS์™€ ES Modules ๋น„๊ต, ๋ชจ๋“ˆ import/export ๋ฐฉ๋ฒ• ์ดํ•ด.
MDN Web Docs: Modules ๊ฐ„๋‹จํ•œ ๋ชจ๋“ˆ ์ž‘์„ฑ ๋ฐ import/export ์‹ค์Šต.
4 A.1 ์•”์‹œ์  ์Šค์ฝ”ํ”„ & A.2 ์ต๋ช… ํ•จ์ˆ˜ vs ๊ธฐ๋ช… ํ•จ์ˆ˜:
์•”์‹œ์  ํ• ๋‹น, ํ•จ์ˆ˜ ์ด๋ฆ„ ์Šค์ฝ”ํ”„, ์ต๋ช…/๊ธฐ๋ช… ํ•จ์ˆ˜ ์ฐจ์ด์ , ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ํŠน์ง• ๋ฐ ์ฃผ์˜์  ํ•™์Šต.
MDN Web Docs: Arrow functions ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์™€ ์ผ๋ฐ˜ ํ•จ์ˆ˜์˜ this ๋ฐ”์ธ๋”ฉ ์ฐจ์ด์  ์ฃผ์˜.
5 A.3 ํ˜ธ์ด์ŠคํŒ…: ํ•จ์ˆ˜์™€ ๋ณ€์ˆ˜ & A.4 var์— ๋Œ€ํ•œ ๋ณ€๋ก :
ํ•จ์ˆ˜/๋ณ€์ˆ˜ ํ˜ธ์ด์ŠคํŒ… ์ƒ์„ธ ๋™์ž‘ ๋ฐฉ์‹, var ํŠน์ง• ๋ฐ let, const์™€ ๋น„๊ต, var ์‚ฌ์šฉ ์‹œ ์ฃผ์˜์ .
๊ด€๋ จ ๋ธ”๋กœ๊ทธ ๊ธ€: var, let, const ์ฐจ์ด์  ๋ฐ ํ˜ธ์ด์ŠคํŒ… ์„ค๋ช… ๊ธ€ (๊ฒ€์ƒ‰: "var let const hoisting blog") ํ˜ธ์ด์ŠคํŒ… ๊ด€๋ จ ์ฝ”๋“œ ์‹คํ–‰ ๊ฒฐ๊ณผ ์˜ˆ์ธก ์—ฐ์Šต.
6 A.5 TDZ & A.6 ๋™๊ธฐ/๋น„๋™๊ธฐ์™€ ํด๋กœ์ €:
TDZ ๊ฐœ๋…, const์™€ TDZ, ๋น„๋™๊ธฐ ํ™˜๊ฒฝ์—์„œ์˜ ํด๋กœ์ € ๋™์ž‘ ๋ฐฉ์‹ ๋ฐ ์ฃผ์˜์ , async/await์™€ ํด๋กœ์ €.
MDN Web Docs: Temporal Dead Zone (TDZ), YouTube: ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๊ด€๋ จ ๊ฐ•์˜ (setTimeout, Promise, async/await ๋“ฑ) ๋น„๋™๊ธฐ ์ฝ”๋“œ์—์„œ ํด๋กœ์ € ์‚ฌ์šฉ ์‹œ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์  ํŒŒ์•….
7 A.7 ํด๋ž˜์‹ ๋ชจ๋“ˆ ๋ณ€์ฒœ & B.1 ~ B.5 ์—ฐ์Šต ๋ฌธ์ œ (์„ ํƒ):
AMD, UMD ๋“ฑ ๊ณผ๊ฑฐ ๋ชจ๋“ˆ ์‹œ์Šคํ…œ ๊ฐœ์š” ํ•™์Šต. ์—ฐ์Šต ๋ฌธ์ œ ํ’€์ด (์‹œ๊ฐ„ ์—ฌ์œ ๊ฐ€ ์žˆ๋‹ค๋ฉด).
๊ด€๋ จ ๋ธ”๋กœ๊ทธ/๋ฌธ์„œ: AMD, UMD ์„ค๋ช… ๊ธ€ (๊ฒ€์ƒ‰: "AMD UMD module pattern blog") ๋ชจ๋“ˆ ์‹œ์Šคํ…œ ๋ณ€์ฒœ์‚ฌ ๊ฐ„๋žตํžˆ ์ดํ•ด.
8 B.6 ๋ชจ๋ฒ” ๋‹ต์•ˆ ํ™•์ธ ๋ฐ ์ „์ฒด ๋ณต์Šต:
์—ฐ์Šต ๋ฌธ์ œ ํ•ด๋‹ต ํ™•์ธ ๋ฐ ์ „์ฒด ๋‚ด์šฉ ๋ณต์Šต, ์งˆ์˜์‘๋‹ต ์‹œ๊ฐ„.
์ฑ… ์ „์ฒด ๋‚ด์šฉ ์š”์•ฝ ๋…ธํŠธ: ๊ฐ์ž ์ •๋ฆฌํ•œ ๋‚ด์šฉ ๊ณต์œ , ์˜จ๋ผ์ธ JavaScript ํ€ด์ฆˆ: (์˜ˆ: Quizizz, Kahoot)