๋ฐ์ํ
์๋ฐ์คํฌ๋ฆฝํธ๋ ๋์ ์ด๋ค.
- HTML์ ์ ์ ์ผ๋ก ํํํ์ง๋ง(1+1์ ์ ๋ ฅํ๋ฉด ๊ทธ๋๋ก 1+1์ด ์ฐฝ์ ๋ฌ๋ค),
- ์๋ฐ์คํฌ๋ฆฝํธ๋ 1+1์ ์ ๋ ฅํ๋ฉด ๊ณ์ฐ๊ธฐ์ฒ๋ผ 2๊ฐ ๋์ค๊ฒ ํ ์ ์๋ค.๋ฐ๋ผ์ ๋์ ์ด๋ค.
- ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฌ์ฉ์์ ์ํธ์์ฉ์ด ๊ฐ๋ฅํ๋๋ก ๊ตฌํํ๋ค.
- ์ฃผ๋ก ๋ฒํผ ํด๋ฆญ ์ ์๋ฆผ ์ฐฝ์ ๋์ฐ๊ฑฐ๋, ์ ๋ ฅ๋ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ์ฌ ํ๋ฉด์ ํ์ํ๋ ๋ฑ์ ์ธํฐ๋ํฐ๋ธ ๊ธฐ๋ฅ์ ์ฒ๋ฆฌํฉ๋๋ค.
โป JS์ JAVA๋ ์ ํ ๋ค๋ฅธ ์ธ์ด์ด์ง๋ง, C์ธ์ด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋ง๋ค์ด์ ธ ๋น์ทํ ๋ถ๋ถ์ด ๊ฝค ๋ง์ต๋๋ค.
2023.06.06 - [โจ UI/๐ JavaScript] - JavaScript์ Java๋ ๋ค๋ฅธ ์ธ์ด์ ๋๋ค
์์ฑ๋ฒ ์ธ๊ฐ์ง
- ์ธ๋ผ์ธinline๋ฐฉ์ : html ํ๊ทธ ์์ on~์ผ๋ก ์์ํ๋ Event๋ฅผ ๋ง๋๋ ๊ฒ์ ๋๋ค.
- ๋ด๋ถ ์์ฑinternal๋ฐฉ์
- html์์ <head>ํ๊ทธ ์ <script>์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์
๋๋ค.
- <script type="text/javascript">
์ฌ๊ธฐ ์์ ์ฝ๋๋ฅผ ์์ฑํฉ๋๋ค.
</script> - html ํ๊ทธ ์์ onclick="js์ ๋ง๋ ํจ์๋ช "์ ๊ธฐ์ฌํด ์คํ๋ฉ๋๋ค.
- html์์ <head>ํ๊ทธ ์ <script>์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ์์ฑํ๋ ๋ฐฉ๋ฒ์
๋๋ค.
- ์ธ๋ถ์์ฑexternal๋ฐฉ์
- .jsํ์ผ์ ๋ง๋ค์ด์
- <script src="jsํ์ผ ๊ฒฝ๋ก">๋ฅผ ์ ์ด ์ฐ๊ฒฐํ๋ ๋ฐฉ์์ ๋งํฉ๋๋ค.
๐ ๊ณตํต viewํ์ผ(common)์ ์ ์ธํ๊ณ ๋ณดํต์ ๋ด๋ถ์์ฑ ๋ฐฉ์์ ์ฌ์ฉํฉ๋๋ค.
๊ณตํตํ์ผ์ด๋ผ๊ณ ํ๋ฉด์ headerํน์ footer๋์ ๋งํ๋ฉฐ, ๋ณดํต ๊ฐ๋ณ ํ๋ฉด๋ค์ ๋ด๋ถ์์ฑ์ผ๋ก ํ๋์ ํ์ด์ง html๊ณผ js๋ฅผ ๊ฐ์ด ์ ๋๋ค๋ ๋ป์ ๋๋ค.
๋ฐ์ํ
'โจ UI > ๐ JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [JS]ํจ์์ ์ข ๋ฅ(์ต๋ช /ํ์ดํ/ํด๋ก์ ) (0) | 2024.12.26 |
|---|---|
| [JS]๊ธฐ๋ณธ ์์ฑ๋ฒ (0) | 2024.12.25 |
| [JS]๋์นญ์ฐ์ฐ : ๋ ผ๋ฆฌ์ฐ์ฐ์๋ฅผ ์ด์ฉํ ์ด๊ธฐํ Short Circuit Evaluation (0) | 2023.07.30 |
| [JS]Promise/async/await : ์ฝ์ ์ผ์ด์ฌ (0) | 2023.06.29 |
| [JS]Object.entries() : ๊ฐ์ฒด ์ ๋ฐ์ดํฐ ํ์ธํ๊ธฐ (0) | 2023.06.18 |