728x90
๋ฐ์ํ
โ . ์ด๋ฒ ํ์ฐจ ํ์ต ๋ชฉํ (goal)
1. ํ๊ณ ์ ํ๋ ๊ฒ
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํตํด ํํ์ด์ง '์์ง์' ์ ์ฃผ๊ธฐ
- ex) ๋ฒํผ ํด๋ฆญ ํ์ ๋ > ๋์๋ค ๋ค์ด๊ฐ๋ค.
- ex) ์์ธ์ ๋ฐ์ดํฐ ๋ฐ์์์ > ๋ด ํํ์ด์ง์ ์ด์ฉํ๊ธฐ
์๋ฐ ์คํฌ๋ฆฝํธ ๋ณต์ต
โ ก. ์๋ฐ์คํฌ๋ฆฝํธ ๋ณต์ต : ํ์ง ํจ์ ๋ง๋ค๊ธฐ
ํด๋ณด๊ธฐ
- ๋๋ ์ ๋ ๋ง๋ค -> 'ํ' ์ง' 'ํ' '์ง' ๋์ค๊ฒ ํ๊ธฐ
์์ฑํ ์ฝ๋ ๐
<script>
let count = 0
function hey() {
count += 1
if (count % 2 == 0) {
alert('์ง์์
๋๋ค.')
}
else {
alert('ํ์ ์
๋๋ค.')
}
}
</script>
</head>
<body>
<!-- html ๋ก ๊ธฐ๋ณธ ๋ผ๋ ๋ง๋ค๊ธฐ -->
<div class="mytitle">
<h1> ๋ด ์์ ์ต๊ณ ์ ์ํ๋ค ๐ฌ </h1>
<!-- โญโญโญ click ํ๋ฉด -> hey() ํจ์ ์คํํ๊ฒ ํ๊ธฐ -->
<button onclick="hey()"> ์ํ ๊ธฐ๋กํ๊ธฐ โ๏ธ </button>
</div>
๊ฒฐ๊ณผ๋ฌผ
์ถ๊ฐ์ ์ผ๋ก ๋ฐฐ์ธ ๊ฒ
- ๋ฒํผ ์๊น ๋ฐ๊พธ๊ณ ์ถ์ ๋ ํ์ํ๊ฒ ->
jQuery
- div ๋ฐ์ค ํ๋ ๊ฐ์ถ๊ณ ์ถ์ผ๋ฉด ํ์ํ๊ฒ ->
jQuery
๋ผ์ด๋ธ๋ฌ๋ฆฌ
๐ญ What i learned
- ์์ด๋ฅผ ์ฝ๋ ๊ฒ ์ฒ๋ผ, ํด์์ด ๋๋ ๋๋์ด ์ค์ํ๋ค. ๋ด๊ฐ ์ธ ๋, ์ด๋ป๊ฒ ํด์ํ ์ ์๋์ง๋ฅผ ์์์ผ ํ๋ค.
- ex) ํจ์๋ฅผ ๋ณด๋ฉด -> ๊ฐ์ ๋์์ ๋ฐ๋ณตํด์ฃผ๋๊ฑฐ, ํน์ '๋์ฌ' ๋ผ๊ณ ์ฝ์ ์ ์์ด์ผํ๋ค.
- '์ ๋ชฉ ๊ฐ' ์๋ ์ด ์ ๋๋ฅผ ๊ธฐ๋ณธ์ผ๋ก ๋์์ฃผ๋๊ฒ ์์ ์ ์ด๋ผ๊ณ ์๊ฐํจ #๋งํฌ๋ค์ด์คํ์ผ
- 3์ค์ ๋๊ณ , ๋ฐ์ 2์ค์
br
ํ๊ทธ
- 3์ค์ ๋๊ณ , ๋ฐ์ 2์ค์
728x90
๋ฐ์ํ
'[WEB & AI] > ์คํ๋ฅดํ์ฝ๋ฉํด๋ฝ_์น๊ฐ๋ฐ์ข ํฉ๋ฐ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
2-3_JQuery ๋ค๋ค๋ณด๊ธฐ (2) | 2023.10.02 |
---|---|
2-2_JQuery ์์ํ๊ธฐ (0) | 2023.10.02 |
1-16_1์ฃผ์ฐจ ๋ & ์์ ์ค๋ช (0) | 2023.10.02 |
1-15_Javascript ์ฐ์ตํ๊ธฐ 1 (2) | 2023.10.02 |
1-14_Javascript ๊ธฐ์ด ๋ฌธ๋ฒ ๋ฐฐ์ฐ๊ธฐ(2) (0) | 2023.10.02 |