Notice
Recent Posts
Recent Comments
Link
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- Spring
- ๋์ ํ ์ด๋ธ
- like
- DATE_FORMAT
- JavaScript
- ํ ์ด๋ธ
- ์ฝํ
- ์๋ฐ์คํฌ๋ฆฝํธ
- order by
- optionํ๊ทธ
- JS
- oracle
- ๋ฐฑํฑ
- post๋ฐฉ์
- ๋ช ๋ น์ด
- ์ธ๋ผ์ธ๋ทฐ
- Update
- ๋ฐฐ์ด
- ๋ฆฌ๋ ์ค
- select
- Ajax
- JSP
- MySQL
- ํจ์
- ์ปจํธ๋กค๋ฌ
- ๋์
- SQL
- ๋ณ์
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋์ปค
Archives
- Today
- Total
bom's happy life
[์น ๊ฐ๋ฐ 1 ์ฃผ์ฐจ] ๊ฐ๋ฐ์ผ์ง 4 - Javascript ๊ฐ๋ ๋ณธ๋ฌธ
Deveolpment Study๐๏ธ/Javascript
[์น ๊ฐ๋ฐ 1 ์ฃผ์ฐจ] ๊ฐ๋ฐ์ผ์ง 4 - Javascript ๊ฐ๋
bompeach 2022. 5. 23. 22:5509. Javascript ๋ง๋ณด๊ธฐ
์๋ฐ์คํฌ๋ฆฝํธ๋?
- ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์ค ํ๋๋ก, ๋ธ๋ผ์ฐ์ ๊ฐ ์์๋ค์ ์ ์๋ ์ธ์ด์ด๋ค.
(ํด๋ผ์ด์ธํธ๊ฐ ์๋ฒ์ ์์ฒญํ๋ฉด, ์๋ฒ๊ฐ ํด๋ผ์ด์ธํธ์๊ฒ HTML+CSS+Javascript๋ฅผ ์ค๋ค)
์ค์ต)
<์๋ฐ์คํฌ๋ฆฝํธ - HTML ์ฐ๊ฒฐ. ๋ฒํผ์ ํด๋ฆญํ๋ฉด ๊ฒฝ๊ณ ์ฐฝ์ด ๋จ๊ฒํ๊ธฐ>
1. ํจ์๋ง๋ค์ด๋๊ธฐ
function hey( ){
alert('์๋ !');
}
2. <head> ~ </head> ์์ <script> ~ </script> ๋ก ๊ณต๊ฐ์ ๋ง๋ค์ด ์์ฑํ๋ค.
<script> ~ </script> ๋ด์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํ๋ ๊ฒ!
์๋ ์ฝ๋๋ฅผ ํตํด ๊ฐ๋จํ ์ฌ์ฉ๋ฐฉ๋ฒ์ ์์๋ณด์.
3. ๋ฒํผ์ ํจ์๋ฅผ ์ฐ๊ฒฐํ๊ธฐ. ๋ฒํผ์ ๋๋ฅด๋ฉด ํจ์๊ฐ ๋ถ๋ฆฐ๋ค.
<button onclick="hey()">์ํ ๊ธฐ๋กํ๊ธฐ</button>