2021. 10. 25. 15:51ใHTML + CSS + JS/JS ์๋ฐ์คํฌ๋ฆฝํธ
1. <script>..</script>
์๋ฐ์คํฌ๋ฆฝํธ ์ ์ธ๋ฌธ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์์ฑํ ์์ญ์ ์ ์ธํ๋ ๊ฒ์ด๋ค.
<script> ... </script> ์ ์คํฌ๋ฆฝํธ ์์ญ์ด๋ผ๊ณ ํ๋ค.
์ ์ธ๋ฌธ์ <head>ํ๊ทธ ์์ญ์ด๋ <body> ํ๊ทธ ์์ญ์ ์ ์ธํ๋ฉด ๋๋๋ฐ
๋๋ถ๋ถ์ ๊ฐ๋ฐ์๋ค์ด <head> ํ๊ทธ ์์ญ์์ ์ ์ธํ๊ณ ์๋ค๊ณ ํ๋ค.
2. ์๋ฐ์คํฌ๋ฆฝํธ ์ฃผ์ ์ฒ๋ฆฌ
// : ํ์ค
/* */ : ์ฌ๋ฌ์ค
3. ๋ด๋ถ ์คํฌ๋ฆฝํธ๋ฅผ ์ธ๋ถ๋ก ๋ถ๋ฆฌํ๋ ๋ฐฉ๋ฒ
<script src = "์๋ฐ์คํฌ๋ฆฝํธ๊ฒฝ๋ก"> </script>
์ธ๋ถ๋ก ๋ถ๋ฆฌํ๋ ์ด์ ๋ ํ๋ก์ ํธ ๊ด๋ฆฌ๋ฅผ ์ํํ๊ฒ ํ๊ธฐ ์ํด์์ด๋ค.
4. ์ฝ๋ ์ ๋ ฅ์ ์ฃผ์์ฌํญ
1๏ธโฃ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋, ์๋ฌธ์๋ฅผ ๊ตฌ๋ถํ์ฌ ์์ฑํ๋ค.
2๏ธโฃ ์ฝ๋ ํ ์ค์ ์์ฑํ ํ์๋ ์ธ๋ฏธ์ฝ๋ก ์ ์์ฑํ๋ ๊ฒ์ด ์ข๋ค.
3๏ธโฃ ์ฝ๋๋ฅผ ์์ฑํ ๋๋ ํ ์ค์ ํ ๋ฌธ์ฅ๋ง ์์ฑํ๋ ๊ฒ์ด ์ข๋ค.
4๏ธโฃ ๋ฌธ์ํ ๋ฐ์ดํฐ ์์ฑํ ๋ ""์ '' ์กฐ์ฌํ๊ธฐ
5๏ธโฃ ์ฝ๋๋ฅผ ์์ฑํ ๋ ์ค๊ดํธ ๋๋ ์๊ดํธ ์ง์ด ์ ๋ง์์ผํ๋ค.
'HTML + CSS + JS > JS ์๋ฐ์คํฌ๋ฆฝํธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS] ์กฐ๊ฑด๋ฌธ (if, if-else, ์ค์ฒฉ if )์์ (0) | 2021.10.26 |
---|---|
[JS] ๊ธฐ๋ณธ์ฐ์ฐ์ ์ฐ์ต๋ฌธ์ 1, 2 (0) | 2021.10.25 |
[JS] ์ฐ์ฐ์ (0) | 2021.10.25 |
[JS] ๋ณ์, ๋ฐ์ดํฐ ์ข ๋ฅ(๋ฌธ์ํString, ์ซ์ํ Number, ๋ ผ๋ฆฌํ Boolean, null, undefined ๋ฐ์ดํฐ) (0) | 2021.10.25 |
[JS] ํ๋ก ํธ์๋ ๊ฐ๋ฐ (0) | 2021.10.25 |