๐์ฑ ์ ๋ง๋ฌด๋ฆฌ ํ ์๊ฐ๐ java ์ธ์ด๋ ๋ฐฐ์ด ์ํ๋ผ ๊ทธ๋ฐ์ง ์๋ฐ์คํฌ๋ฆฝํธ ํํธ๋ ์๊ฐ๋ณด๋ค ๋นจ๋ฆฌ ์ฝ์ ๊ฒ ๊ฐ๋ค. html์ด๋ css๋ ๋ฐฐ์ด ์ํ๋ผ ์ ์ด์ฟผ๋ฆฌ์ ์ ํ์ ๋ถ๋ถ์ ์ด๋์ ๋ ๋น ๋ฅด๊ฒ ์ฝ์ ์ ์์์ง๋ง, ์์๋ณด๋ค ์์ด ๋ง์์ ๋ชฉํํ๋ ๋ ์ง๋ณด๋ค ์กฐ๊ธ ๋ฆ๊ฒ ๋๋ธ๊ฒ ๊ฐ์์ ์กฐ๊ธ ์์ฌ์๋ ๋จ๋๋ค๐คฃ ์ ๋ฐฐ๋คํํ ๋ฃ๊ธฐ๋ก๋ ์ ์ด์ฟผ๋ฆฌ ์ฑ๋ฅ ๋ฌธ์ ๋ ๋ง์์ ์์ฆ ์ ์์ด๋ค๊ณ ๋ค์๋ค. ์์ผ๋ก๋ ๋ ์ค๋ฅด๋ js๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๊ณต๋ถํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค. ์ฑ ์ ์ฝ์ผ๋ฉด์ ํ์คํ ๋๋๊ฒ์ ์์ผ๋ก ์์ ๋ฅผ ์ง์ ํ์ดํ ํด๋ด์ผ ๊ธฐ์ ์ ์ฒดํํ๋ ์์ด ์กฐ๊ธ์ฉ ๋๋๊ฒ ๊ฐ๋ค. ๋จ์ํ ์ด๋ฐ๊ฒ ์๊ตฌ๋ ํ๊ณ ๋์ด๊ฐ๊ธฐ ๋ณด๋ค ์ค๋ฌด์ ๋น์ทํ ์์ ๋ค์ ๋ง์ด ๋ค๋ค๋ด์ผ๊ฒ ๋ค. ์ค๋ฌด์์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ค๋ฃจ๋ ๋ ๋ค๋ฅธ ์ฑ ์ ์ฝ์ด๋ด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค! ์ฑ ์ฝ๋ ์๋๊ฐ ์กฐ๊ธ ๋๋ ค์ก๋ค๊ณ ์ค์ค๋ก ๋๋๋, ์ฒ์ง ๋๋ ์์์ง๋ง ์ด๋ ๊ฒ ํ ๊ถ์ ๋ง๋ฌด๋ฆฌ ํ๋๊น ๊ทธ๋๋ ์ฑ์ทจ๊ฐ์ด ์กฐ๊ธ ๋๊ปด์ง๋ค! ๋ค์ ์ฑ ์ผ๋ก๋ ๋ฆฌ์กํธ ์ฑ ์ ๊ณํํ๊ณ ์๋๋ฐ ๋ฆฌ์กํธ ๋ถ์ผ๋ ๋๊ธฐ
๐๋ด๋ถ ์คํฌ๋ฆฝํธ ์ธ๋ถ๋ก ๋ถ๋ฆฌ HTML๋ด๋ถ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํ๊ธฐ ๋ณด๋ค ํ์ผ์ ๋ฐ๋ก ๋ง๋ค์ด์ ์ธ๋ถ๋ก ๋ถ๋ฆฌํ๋๊ฒ์ด ์ข๋ค. ๊ทธ๋ ๊ฒ ํ๋ฉด ์์ค ์ฐพ๊ธฐ๋ ์ฝ๊ณ ๋๊ตฐ๊ฐ ์์ค๋ฅผ ์์์ํฌ ๊ฑฑ์ ์ ํ์ง ์์๋ ๋๋ค. ์ฆ, ์ธ๋ถ๋ก ๋ถ๋ฆฌํ๋ ์ฃผ ๋ชฉ์ ์ ํ๋ก์ ํธ ๊ด๋ฆฌ๋ฅผ ์ํํ๊ฒ ํ๊ธฐ ์ํจ์ด๋ค. ์ ์ฝ๋๋ฅผ html headํ๊ทธ์ ์ฝ์ ํด์ค๋ค. 1. ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด ์ข ๋ฅ (1) ๋ด์ฅ ๊ฐ์ฒด(Built-in Object) ex) String, Date, Array, Math, ์ ๊ท ํํ ๊ฐ์ฒด ๋ฑ (2) ๋ธ๋ผ์ฐ์ ๊ฐ์ฒด ๋ชจ๋ธ(BOM) ex) window, screen, location, history, navigator ๊ฐ์ฒด ๋ฑ ** ๋ธ๋ผ์ฐ์ (window)๊ฐ์ฒด๋ document์ location์ ์์ ๊ฐ์ฒด์ด๋ค. (์๋ ์ฌ์ง ์ฐธ๊ณ ) ![](https://images.velog.io/images/jooyeon/post/b9c2c4a0-079e-4bc
1์ 4์ผ๋ถํฐ silicon valley ์จ๋ผ์ธ ์ธํด์ญ์ด ๋ณธ๊ฒฉ์ ์ผ๋ก ์์ํ๋ค. ๋ฉํ ๋๊ป์ ํ๋ก๊ทธ๋จ์ด ์์๋๊ธฐ ์ ์ ์ฌ์ ์ ์์๋๋ฉด ์ข์ ๊ธฐ์ ์คํ๋ค์ ์๋์ ๊ฐ์ด ์๋ ค์ฃผ์ จ๋ค. ๋๋ ์ฌํด ๋ฉ์์ด์ฌ์์ฒ๋ผ 8๊ธฐ๋ก ํ๋ํ๋ฉด์ Django๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์น ๊ฐ๋ฐ์ ๋ฐฐ์ ๊ธฐ ๋๋ฌธ์ HTML/CSS๋ ์กฐ๊ธ ์๊ณ ์์ด์ JavaSctipt๋ฅผ ๋จผ์ ๊ณต๋ถํ๊ธฐ๋ก ์ ํ๋ค. ๋ฉํ ๋๊ป์ ๋์์๊ฐ์๋ณด๋ค๋ ์ฑ ์ผ๋ก ๋น ๋ฅด๊ฒ ๋ณด๋๊ฒ์ ์ถ์ฒํด์ฃผ์ ์ ๋์๊ด์์ Do it! ์๋ฐ์คํฌ๋ฆฝํธ + ์ ์ด์ฟผ๋ฆฌ ์ ๋ฌธ ์ฑ ์ ๋น๋ ธ๋ค. ์ฑ ์ ์ฝ์ผ๋ฉด์ ๊ธฐ๋กํด๋๋ฉด ์ข์ ๋ด์ฉ์ ๊ธ๋ก ๋จ๊ธธ ๊ณํ์ด๋ค.