


๐ก JavaScript & jQuery ์ ๋ณต CAMP ๐
ํ๋ก ํธ์๋ ํ๋ก๊ทธ๋๋ฐ์ ๊ฐ์ฅ ๋์ ๋ฒฝ! JavaScript๋ฅผ ๊ทน๋ณตํ์! 7์ 8๊ธฐ JavaScript ์ ๋ฒฝ์ ์ข์ ํ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์, ๋์์ด๋๋ถ๋ค์ด์ฌ ๋ค์ ํ ๋ฒ ์ผ์ด๋์ธ์! 12์ฃผ ๋์ JavaScript๋ฅผ ๋์ง๊ธฐ๊ฒ ๋ฌผ๊ณ ๋์ด์ ธ, ์ ๋ณตํ๋ ๊ณผ์ ์ ๋๋ค.
HTML, CSS ๋ ๊ทธ๋ญ์ ๋ญ ์๊ฒ ๋๋ฐ JavaScript ์ปค๋ฆฌํ๋ผ๋ง ์ง์ ํ๋ฉด ๋ฉ๋ถ์ ๋น ์ง๊ณ , ํฌ๊ธฐํด๋ฒ๋ฆฌ๊ฒ ๋๋ ๋น์ ! JavaScript๋ฅผ ํฌ๊ธฐํ์๋ ๋ด๊ฐ ํ๋ก ํธ์๋ ์์ญ์์ ํ ์ ์๋ ์ผ์ ์ ์ ์ค์ด๋ญ๋๋ค. ๊ฒ๋ค๊ฐ JavaScript ๋ ์ ์ ๋ ๋ฐ์ ํ์ฌ Back-end ๊น์ง ๋์ด๊ฐ๊ณ ์์ต๋๋ค. ์ง๊ธ์ด๋ผ๋ ์ด์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋ณตํด์ผ ํฉ๋๋ค!
๐ต ๊ฐ์ฒด์งํฅ 8์ฃผ ์ง์ค ๊ฐ์์ jQuery๊น์ง! ๋ชจ๋์ฑ ๊ฐ์๋ JS๋ฅผ 10์ฃผ ์์ ์์ผ์ฅ๋ ๊ฐ์
์ผ๋ฌด ๊ฐ์ฌ๋๊ณผ ํจ๊ป JavaScript ๋ง์ ์ํ, JavaScript ์ ์ํ, JavaScript ์ ๊ดํ ๋ชจ๋ ๊ฒ์ ์ป์ด๊ฐ ์ ์์ต๋๋ค. ์์ฃผ ์์ธํ ๊ฐ์ฒด์งํฅ ๊ธฐ์ด๋ถํฐ ์์ํ์ฌ ์ข ์ฃผ์๋ ์๋ก์ด ๊ธฐ์ ์ ๋ํ ์ ๊ทผ๊น์ง ๋ฐฐ์์ผ๋ก์จ ์ง๊ธ์ง๊ธํ๋ JavaScript ๋ฉ๋ถ์ฌํ๋ฅผ ์ ๋ณตํ๊ณ ์ ์ธ๊ณ๋ฅผ ์ด์ด์ฃผ๊ณ ์ ํ๋ ๊ฐ์!
React.js, Angular.js ์ ๊ฐ์ JavaScript Framework ๋ฅผ ์๊ฐํด๋๋ฆฝ๋๋ค. 12์ฃผ ํ, JavaScript ๋ ๊ฑฐ๋ค ๋ฟ! JavaScript ์ ๊ณ ์๋ฐ๋ ๋น์ ์ ์จ๋ฐ ๊ฐ๋ฐ ์๊ณ , ์ ๋ฌด ์๋๋ ํ๋์ ๋ ์๋ค๋๊ณ ์์ ๊ฒ๋๋ค.์ง๊ธ ๋ฐ๋ก ํฉ๋ฅํ์ธ์!
์๊ฐ์ ์์ค์ ํ์ ํ์ฌ ์ง๋ ๋์ด๋๋ฅผ ์ค์ ํ๊ธฐ ์ํ ์ฌ์ ์ค๋ฌธ.
- ํด๋ผ์ด์ธํธ ์๋ฐ์คํฌ๋ฆฝํธ ํ๊ฒฝ
- ๋ธ๋ผ์ฐ์ ๊ฐ์ฒด๋ชจ๋ธ(BOM)
- ๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ(DOM) : ์ ํ/ํ์
- ์ ํ/ํ์๊ณผ ๊ด๋ จํ ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
- ๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ(DOM) : ์กฐ์
- ์กฐ์๊ณผ ๊ด๋ จํ ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
- ๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ (DOM) : ์ด๋ฒคํธ ํธ๋ค๋ง
- ์ด๋ฒคํธ ๋ชจ๋ธ : ๊ตฌํ VS ์ง๋ณด
- ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ์ด๋ฒคํธ ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
- ๋ฌธ์๊ฐ์ฒด๋ชจ๋ธ(DOM) : ์คํ์ผ ์ ์ด(GET/SET) ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ์คํ์ผ ์ ์ด ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
- ์์ฑ์์ ํ๋กํ ํ์ ๊ฐ์ฒด
- ๋ฆฌํฐ๋ด ํํ์
- ๊ฐ์ฒด ์ธ์คํด์ค ์ ํ ์ฒดํฌ
- ์ ํํ ๊ฐ์ ๋ฐํํ๋ ๊ฐ์ฒด ํ๋ณ ํฌํผ ํจ์ ๋ง๋ค๊ธฐ
- ๋ด์ฅ ์์ฑ์์ ํ๋กํ ํ์ ๋ฉค๋ฒ
- ๊ณต์ธ๋ ๋ด์ฅ ํ๋กํ ํ์ ํ์ฅ
- Object, Function ๊ฐ์ฒด
- ํจ์, ์ค์ฝํ, ์ปจํ ์คํธ, ํธ์ด์คํธ, ํด๋ก์
- Array, String ๊ฐ์ฒด
- Number, Boolean ๊ฐ์ฒด
- Math, Date, RegExp ๊ฐ์ฒด
- ์ฌ์ฉ์ ์ ์ ์์ฑ์์ ํ๋กํ ํ์
- ํ๋กํ ํ์ ํ์ฅ
- ๊ฐ์ฒด ์งํฅ ์๋ฐ์คํฌ๋ฆฝํธ
- ๊ฐ์ฒด ์งํฅ์ ์์ฝ๊ฒ ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ์ํ๊ธฐ
- ์๋ฐ์คํฌ๋ฆฝํธ ์ํฐ ํจํด
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ชจ๋ ํจํด
- ์๋ฐ์คํฌ๋ฆฝํธ ๋์์ธ ํจํด
- ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฉ ์คํ์ผ ๊ฐ์ด๋
- ๋ฌธ๋ฒ ๋ณํ/์ถ๊ฐ
- ๋ฌธ์ ํ ํ๋ฆฟ
- ํ์ดํ ํจ์ ํํ์
- ๋ฐ์ดํฐ ๊ตฌ์กฐ
- ํ๋ก๋ฏธ์ค(์ฝ์)
- class ํ๋ก๊ทธ๋๋ฐ
- jQuery ์ ํ/ํ์ ํ์ฅ
- jQuery ์กฐ์/์ ์ด ํ์ฅ
- jQuery ์ด๋ฒคํธ/ํธ๋ค๋ง ํ์ฅ
- jQuery ์ ๋๋ฉ์ด์ ํ์ฅ
- jQuery AJAX ํ์ฅ
- jQuery ํ๋ฌ๊ทธ์ธ ์ ์ ํจํด
- jQuery ๋ฅผ ํ์ฉํ UI ๋ฐ๋ชจ ์ ์ ์ค์ต
- AngularJS ํ๋ ์์ํฌ [๋ค์ ๊ณผ์ ์๊ฐ]
- ReactJS ๋ผ์ด๋ธ๋ฌ๋ฆฌ [๋ค์ ๊ณผ์ ์๊ฐ]

Leave a Reply