์๋ฐ์คํฌ๋ฆฝํธ(JavaScrpit)๋ ๊ฐ์ฒด ๊ธฐ๋ฐ์ ์คํฌ๋ฆฝํธ ์ธ์ด์ด๋ค.HTML๋ก๋ ์น์ ๋ด์ฉ์ ์์ฑํ๊ณ , CSS๋ก๋ ์น์ ๋์์ธํ๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ ์น์ ๋์์ ๊ตฌํํ ์ ์๋ค.์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฃผ๋ก ์น ๋ธ๋ผ์ฐ์ ์์ ์ฌ์ฉ๋๋, Node.js์ ๊ฐ์ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฒ
๐ ํจ์ ํธ์ถ์ ํจ์๋ฅผ ํธ์ถ ํ์ธ์.๐จโ๐ป ์ฝ๋๐ ํจ์ ํธ์ถ2์ ํจ์๋ฅผ ํธ์ถ ํ์ธ์.๐จโ๐ป ์ฝ๋๐ ํจ์ ํธ์ถ3์ ํจ์๋ฅผ ํธ์ถ ํ์ธ์.๐จโ๐ป ์ฝ๋
์๋ฐ์คํฌ๋ฆฝํธ(JavaScript)๋ ๊ฐ์ฒด๊ธฐ๋ฐ์ ์คํฌ๋ฆฝํธ ์ธ์ด์ด๋ฉฐ ํค(key)์ ๊ฐ(value)์ผ๋ก ๊ตฌ์ฑ๋ ํ๋กํผํฐ(property)์ ์ ๋ ฌ๋์ง ์์ ์งํฉ์ด๋ค.ํ๋กํผํฐ์ ๊ฐ์ผ๋ก ํจ์๊ฐ ์ฌ ์ ์๋๋ฐ, ์ด๋ฌํ ํ๋กํผํฐ๋ฅผ ๋ฉ์๋(method)๋ผ๊ณ ํ๋ค.์์ ์๋ฐ์คํฌ๋ฆฝํธ์์๋
์๋ฐ์คํฌ๋ฆฝํธ ๋ฐฐ์ด์ด ๋ค๋ฅธ ์ธ์ด์ ๋ค๋ฅธ ์ ์ด 2๊ฐ์ง๊ฐ ์๋ค.1\. ๋ฐฐ์ด ๋ด๋ถ์ ๋ฐ์ดํฐ ํ์ ์ด ์๋ก ๋ค๋ฅผ ์ ์๋ค.2\. ๋ฐฐ์ด์ ํฌ๊ธฐ๋ ๋์ ์ผ๋ก ๋ณ๊ฒฝ ๋ ์ ์๋ค.์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฐฐ์ด์ ๋ณ์ ์ธ์๋ ๊ฐ์ฒด์ ํจ์๋ ๋ด์ ์ ์๊ณ , ๋ฐฐ์ด์ด ์์ฑ ๋๋ฉด ๋ฐฐ์ด์ ํฌ๊ธฐ๋ ์์๋ก ๋ณ๊ฒฝ์ด
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํ๋ฉด ๋ธ๋ผ์ฐ์ ์ ์ ๋ณด์ ์ ๊ทผํ๊ฑฐ๋ ๋ธ๋ผ์ฐ์ ์ ์ฌ๋ฌ ๊ธฐ๋ฅ๋ฑ์ ์ ์ดํ ์ ์๋ค.์ด๋ ์ฌ์ฉํ ์ ์๋ ๊ฐ์ฒด ๋ชจ๋ธ์ด ๋ฐ๋ก ๋ธ๋ผ์ฐ์ ๊ฐ์ฒด ๋ชจ๋ธ(BOM)์ด๋ค.๋ธ๋ผ์ฐ์ ๊ฐ์ฒด ๋ชจ๋ธ(BOM)์ ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ(DOM)๊ณผ๋ ๋ฌ๋ฆฌ W3C์ ํ์ค ๊ฐ์ฒด ๋ชจ๋ธ์ ์๋๋ค.ํ์ง๋ง
HTML ํน์ XML์ ๊ตฌ์กฐํ๋ ํํ์ ์ ๊ณตํ๋ ํ์ค ๊ฐ์ฒด ๋ชจ๋ธ์ด๋ค.HTML์์๋ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ DOM ๊ตฌ์กฐ์ ์ ๊ทผํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ฉฐ์ด๋ฅผ ํตํด ๋ฌธ์ ๊ตฌ์กฐ, ์คํ์ผ, ๋ด์ฉ๋ฑ์ ๋ณ๊ฒฝํ ์ ์๋ค.\*\*<span style="color:document ๊ฐ์ฒด๋ฅผ
jQuery๋ ์คํ ์์ค ๊ธฐ๋ฐ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ด๋ค.jQuery๋ฅผ ์ฌ์ฉํ์ง ์์ผ๋ฉด DOM ํธ๋ฆฌ๋ฅผ ์ด์ฉํด์ ์์(element)์ ์ ๊ทผ ํด์ผ ํ๋๋ฐ, ์ด๋ ๋ฐฐ์ฐ๊ธฐ๋ ์ด๋ ต๊ณ ๋ถํธํ๋ฐ, jQuery๋ฅผ ์ฌ์ฉํ๋ฉด CSS์ ์ ํ์๋ฅผ ์ด์ฉํด์ ๊ฐํธํ๊ฒ ์ ๊ทผํ ์ ์๋ค.์ฒซ
๐ค ์ด๋ฒคํธ ๋ฑ๋ก ๋ฉ์๋
๐ค Ajax ? Ajax๋ Asynchronous JavaScript and XML์ ์ฝ์์ด๋ค. Ajax๋ ๋น ๋ฅด๊ฒ ๋์ํ๋ ๋์ ์ธ ์น ํ์ด์ง๋ฅผ ๋ง๋ค๊ธฐ ์ํ ๊ฐ๋ฐ ๊ธฐ๋ฒ ์ค ํ๋์ด๋ค. Ajax๋ ์น ํ์ด์ง ์ ์ฒด๋ฅผ ๋ค์ ๋ก๋ฉํ์ง ์๊ณ ๋, ์น ํ์ด์ง์ ์ผ๋ถ๋ถ๋ง์ ๊ฐฑ์ ํ