โ์นํ์ด์ง์ ์๋๊ฐ์ ๋ถ์ด๋ฃ๊ธฐ ์ํดโ ๋ง๋ค์ด์ง ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ค.
html์ด ๋ผ๋, css๊ฐ ์ด์ ๋ถ์ธ ๊ฑฐ๋ผ๋ฉด, JS๋ ์์ ๋ง๋ ์๋ช
์ฒด๊ฐ ์์ง์ด๊ฒ ๋ง๋๋ ๋
์์ด๋ค.
์คํฌ๋ฆฝํธ(script) : ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์์ฑํ ํ๋ก๊ทธ๋จ
์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ๋ฟ๋ง ์๋๋ผ ์๋ฒ์์๋ ์คํํ ์ ์๋ค.
๋ ๋งํ๋ฉด, ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ด ํ์ฌ๋ ๋ชจ๋ ๊ธฐ๊ธฐ์์ ๋์ํ๋ค.
์ฌ๊ธฐ์ ๋งํ๋ ์์ง์ ๋ค์ํ๋ฐ, ์์ง๋ง๋ค์ ๋ค์์ด ์๋ค.
์์ง์ ๋์ ์๋ฆฌ (simple)
1. ์์ง์ด ์คํฌ๋ฆฝํธ๋ฅผ ์ฝ์ = ํ์ฑ
2. ์คํฌ๋ฆฝํธ๋ฅผ ๊ธฐ๊ณ์ด๋ก ์ ํ = ์ปดํ์ผ
3. ์ ํ๋ ์ฝ๋๊ฐ ์คํ (๊ธฐ๊ณ์ด๋ก ์ ํ๋์ด ์คํ ์๋๊ฐ ๋น ๋ฆ)
๋งค๋ฌด๋งค์ฐ ๋จ์ํ๊ฒ ํํํ ๊ฒ์ด๋ฏ๋ก, ์ด์ง ์ดํด๋ง ํ๊ณ ๋์ด๊ฐ์.
์์ ํน์ฑ๋ง ๋ณด๋ฉด ์น ์์์์ ์ต๊ณ ๊ถ์์๋ผ๊ณ ๋งํ ์ ์์ง๋ง, ํ์ฌ์์๋ ์น๋ง์ด ์๋ ๋ค์ํ ํ๊ฒฝ์์ ์ฐ์ธ๋ค.
์ด๋ ํ ์ธ์ด๋ฅผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ณํ์์ผ์ ์ฐ๊ธฐ๋ ํฉ๋๋ค. ์ด ๋, ๋ณํ์ ํธ๋์คํ์ผ์ด๋ผ ํ๋ค.
JS๋ Front-end๊ฐ๋ฐ์ ์์์ ์ด๋ผ๊ณ ๋ด๋ ๋ฌด๋ฐฉํ๋ค. JS์ ๊ณต๋ถ๊ฐ ์๋ฒฝํ๊ฒ(ํ๋ค๊ฒ ์ง๋ง) ์ด๋ฃจ์ด์ง๋ค๋ฉด, ๋ค์ ๋ ๋ฒจ๋ก์ ๋์ฝ์ ๋์ฑ ์ฌ์์ง๊ธฐ ๋ง๋ จ์ด๋ค. ํ์ต ์ปค๋ธ์ ๊ฒฝ์ฌ๋ ์ด๋ฐ์๋ ๊ธํ๊ณ ๋์ค์๋ ์๋งํด์ง๋ ๊ฒ์ฒ๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ต๋ํ๊ธฐ์๋ ํฐ ์ด๋ ค์์ด ์๊ฒ ์ง๋ง ๋์ค์ ์ํ ์ค๋น๋ผ๊ณ ์๊ฐํ์.