์ฃผ์ฐจ | ์ฃผ์ ๋ด์ฉ (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) |