์ด ์ข
ํฉ์ ์ด๊ณ ์ค์ฉ์ ์ธ ํ์ต ์ฑ์ผ๋ก ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ๋ง์คํฐํ์ธ์! ์ฒ์ ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํ๋ ์์ ์ด๋ณด์๋ถํฐ ๊ธฐ์ ๋ฉด์ ์ ์ค๋นํ๋ ๋ถ, ์ต์ ES6+ ๊ฐ๋
์ ๋ณต์ตํ๋ ค๋ ๋ถ๊น์ง, ๋ชจ๋ ์์ค์ ํ์ต์๋ฅผ ์ํด ์ค๊ณ๋ ๊ฐํธํ ํ์ต ๊ฐ์ด๋์
๋๋ค.
๋ช
ํํ ์ค๋ช
, ์ค์ฉ์ ์ธ ์ฝ๋ ์์ , ๊ทธ๋ฆฌ๊ณ ๋
ผ๋ฆฌ๊ฐ ์ค์ ๋ก ์ด๋ป๊ฒ ์๋ํ๋์ง ๋ณด์ฌ์ฃผ๋ ์ธํฐ๋ํฐ๋ธ ์ถ๋ ฅ ๊ฒฐ๊ณผ๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ์ ํต์ฌ ์๋ฆฌ๋ฅผ ๊น์ด ์๊ฒ ํ์ตํด ๋ณด์ธ์.
๐ ๋ชจ๊ตญ์ด๋ก ํ์ตํ๊ธฐ:
ํ๋์ด, ์คํ์ธ์ด, ํ
๋ฃจ๊ตฌ์ด, ํ๋์ค์ด, ๋
์ผ์ด๋ฅผ ํฌํจํ 50๊ฐ ์ด์์ ์ธ์ด๋ฅผ ์ง์ํ์ฌ ๋ณต์กํ ์น ๊ฐ๋ฐ, ๊ตฌ๋ฌธ, ํ๋ก๊ทธ๋๋ฐ ๋
ผ๋ฆฌ๋ฅผ ๋ชจ๊ตญ์ด๋ก ํธ์ํ๊ฒ ํ์ตํ ์ ์์ต๋๋ค.
โจ ์ฃผ์ ๊ธฐ๋ฅ:
๐น ์ข
ํฉ์ ์ธ ์ปค๋ฆฌํ๋ผ: ๊ธฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ๋ถํฐ ์ต์ ES6+ ๊ตฌ๋ฌธ, DOM ์กฐ์, ๊ณ ๊ธ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ(OOP)๊น์ง ๋จ๊ณ๋ณ๋ก ์ฒด๊ณ์ ์ผ๋ก ํ์ตํ ์ ์์ต๋๋ค.
๐น ์ค์ ์ฝ๋ ์์ : ๋ฏธ๋ฆฌ ์์ฑ๋ ์ค์ฉ์ ์ธ ์ฝ๋ ์กฐ๊ฐ๊ณผ ์ค์ ์ถ๋ ฅ ์์๋ฅผ ํตํด ๊ฐ ์ฃผ์ ๋ฅผ ๋น ๋ฅด๊ฒ ์ดํดํ์ธ์.
๐น 100๊ฐ ์ด์์ ๊ฐ๊ด์ ํด์ฆ: ๊ตฌ๋ฌธ ์ดํด๋๋ฅผ ์ ๊ฒํ๊ณ , ํ์ต ์งํ ์ํฉ์ ํ๊ฐํ๋ฉฐ, ์ฃผ์ ๋ณ ํต์ฌ ๊ฐ๋
์ ๊ฐํํ์ธ์.
๐น 100๊ฐ ์ด์์ ๋ฉด์ ์ง๋ฌธ ๋ฐ ๋ต๋ณ: ์์ ๋ ์ง๋ฌธ๊ณผ ๋ต๋ณ์ ํตํด ๊ธฐ์ ์ง ๋ฉด์ , ์ฝ๋ฉ ํ๊ฐ, ๋ํ ์ํ์ ๋๋นํ์ธ์.
๐น 100% ์คํ๋ผ์ธ ์ ์: ์ธํฐ๋ท ์ฐ๊ฒฐ ์์ด ์ธ์ ์ด๋์๋ ํ์ตํ ์ ์์ต๋๋ค.
๐น ์ฌ์ฉ์ ์นํ์ ์ธ ์ธํฐํ์ด์ค: ์ง์ค์ ์ธ ๋ชจ๋ฐ์ผ ์ฝ๋ฉ ํ์ต์ ์ํด ์ค๊ณ๋ ๊น๋ํ๊ณ ๋ฐฉํด ์์๊ฐ ์๋ ๊ฐ๋ฒผ์ด ๋์์ธ์ ๊ฒฝํํด ๋ณด์ธ์.
๐ ์ฃผ์ ๋ด์ฉ ๋ฐ ๋ชจ๋:
โ ์์ํ๊ธฐ: JavaScript ์๊ฐ, ์คํ ํ๊ฒฝ, ์คํฌ๋ฆฝํธ ํ๊ทธ ๋ฐ ์ฃผ์
โ ํต์ฌ ๊ตฌ๋ฌธ ๋ฐ ๊ธฐ๋ณธ ์ฌํญ: ๋ณ์(let, const, var), ๋ด์ฅ ๋ฐ์ดํฐ ์ ํ, ํ ๋ณํ ๋ฐ ์ฐ์ฐ์
โ ์ ์ด ํ๋ฆ ๋ฐ ๋
ผ๋ฆฌ: ์กฐ๊ฑด๋ฌธ(if, else if, else, switch) ๋ฐ ๋ฐ๋ณต๋ฌธ(for, while, do-while)
โ ํจ์ ๋ฐ ์ค์ฝํ: ํจ์ ์ ์ธ, ํํ์, ํ์ดํ ํจ์, ํด๋ก์ ๋ฐ "this" ํค์๋
โ ์๋ฃ ๊ตฌ์กฐ: ๋ฐฐ์ด, ๊ฐ์ฒด, ๋ฌธ์์ด, ์ซ์, ๋ ์ง ๋ฐ ์ํ ์ ํธ๋ฆฌํฐ
โ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ(OOP): ํ๋กํ ํ์
, ํ๋กํ ํ์
์ฒด์ด๋, ES6 ํด๋์ค, ์์ฑ์, ์์ ๋ฐ ๋คํ์ฑ
โ ๋ํํ ์น ๋ฐ DOM: DOM ์กฐ์, ์์ ์ ํ, ์ด๋ฒคํธ ๋ฆฌ์ค๋, ๋์ UI ์
๋ฐ์ดํธ
โ ๋ฐฉ์ด์ ์ฝ๋ฉ: ์ค๋ฅ ์ฒ๋ฆฌ(try, catch, finally), ์ฌ์ฉ์ ์ง์ ์ค๋ฅ, ํผ ์
๋ ฅ ์ ํจ์ฑ ๊ฒ์ฌ
โ ๊ณ ๊ธ ์ ํธ๋ฆฌํฐ: ์ ๊ท ํํ์(Regex), JSON ํ์ฑ, ๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ ๊ฐ๋
(Promise, async/await)
๐ฏ ์ด ์ฑ์ ๋๊ฐ ์ฌ์ฉํ๋ฉด ์ข์๊น์?
โข ์ด๋ณด์ ๋ฐ ํ์: ๊ฐ๋จํ๊ณ ๋ชจ๊ตญ์ด์ ๊ฐ๊น์ด ์ค๋ช
์ผ๋ก ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ์ฒ์ ๋ฐฐ์ฐ๋ ๋ชจ๋ ์ฌ๋
โข ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ง๋ง์: React, Vue, Angular์ ๊ฐ์ ํ๋ ์์ํฌ๋ Node.js ๋ฐฑ์๋๋ฅผ ๋ฐฐ์ฐ๊ธฐ ์ ์ ํํํ ๊ธฐ์ด๋ฅผ ๋ค์ง๋ ๊ฐ๋ฐ์
โข ๊ตฌ์ง์ ๋ฐ ํ๋ก๊ทธ๋๋จธ: ๊น๋ค๋ก์ด JavaScript ๊ฐ๋
, ์ค์ฝํ, ๋ฉด์ ์ง๋ฌธ์ ๋น ๋ฅด๊ฒ ๋ณต์ตํ ์ ์๋ ๋ชจ๋ฐ์ผ ์ฐธ๊ณ ์๋ฃ๊ฐ ํ์ํ ๊ฐ๋ฐ์
์ค๋ ๋ฐ๋ก ์น ๊ฐ๋ฐ ์ฌ์ ์ ์์ํ์ธ์! ์ง๊ธ ๋ฐ๋ก Learn JavaScript๋ฅผ ๋ค์ด๋ก๋ํ๊ณ ์ํ๋ ์๋๋ก ์ฝ๋ฉ์ ๋ง์คํฐํ์ธ์!
์ค์ฉ์ ์ธ ์ฝ๋, 100๊ฐ ์ด์์ ํด์ฆ, ์ง์์๋ต, ๊ทธ๋ฆฌ๊ณ 50๊ฐ ์ด์์ ์์ด๋ฏผ ์ธ์ด๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ง์คํฐํ์ธ์.
์
๋ฐ์ดํธ ๋ ์ง
2026. 10. 18.