728x90
๋ฐ์ํ
โ . ์ด๋ฒ ํ์ฐจ ํ์ต ๋ชฉํ (goal)
1. ํ๊ณ ์ ํ๋ ๊ฒ
- jQuery ์์ ๋ฐ ํ์์ฑ
## โ ก. jQuery ์ดํด ---
1. ์์
==HTML ์์๋ฅผ ์กฐ์== ํ๋
javascript
๋ฅผ ๋ฏธ๋ฆฌ ์์ฑํด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ.- Cf. ๋ถํธ์คํธ๋ฉ์ CSS ๋ผ์ด๋ธ๋ฌ๋ฆฌ!
์๋ฅผ ๋ค๋ฉด ์ด๋ ๊ฒ ์ง๊ด์ ์.
- ๋ญ๊ฐ ๊ฐ์ถ๋ผ! ->
hide
๋ฅผ ์ด๋ค.
- ๋ญ๊ฐ ๊ฐ์ถ๋ผ! ->
โ ข. ์ฌ์ฉํด๋ณด๊ธฐ
- jQuery CDN ๋ถ๋ถ ์ฐธ๊ณ ํด์ ์ํฌํธํ๊ธฐ #code_snipet โญโญโญ
- ํด๋น URL ์ ์ : https://www.w3schools.com/jquery/jquery_get_started.asp
- ์ด๊ฑฐ ํ์ค ์ถ๊ฐ ํ๋ฉด ๋ผ ๐
- ๋ค๋ง,
๋ถํธ์คํธ๋ฉ 5.0 ํ ํ๋ฆฟ
์๋ ์ด๋ฏธ jQuery ๊ฐ ์ถ๊ฐ๋์ด ์์.
๐ญ What i learned
- ๋ถํธ์คํธ๋ฉ 5.0 ํ ํ๋ฆฟ์ ์ค์นํ๋ฉด -> ์ด๋ฏธ jQuery ๊ฐ ์ค์น๋์ด ์๋ ๊ฑฐ ๊ตฌ๋!
- ๋ถํธ์คํธ๋ฉ์ CSS ๋ผ์ด๋ธ๋ฌ๋ฆฌ, jQuery ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ตฌ๋!
728x90
๋ฐ์ํ
'[WEB & AI] > ์คํ๋ฅดํ์ฝ๋ฉํด๋ฝ_์น๊ฐ๋ฐ์ข ํฉ๋ฐ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
2-4_JQuery ์ ์ฉํ๊ธฐ(ํฌ์คํ ๋ฐ์ค) (0) | 2023.10.05 |
---|---|
2-3_JQuery ๋ค๋ค๋ณด๊ธฐ (2) | 2023.10.02 |
2-1_2์ฃผ์ฐจ ์ค๋ ๋ฐฐ์ธ ๊ฒ (0) | 2023.10.02 |
1-16_1์ฃผ์ฐจ ๋ & ์์ ์ค๋ช (0) | 2023.10.02 |
1-15_Javascript ์ฐ์ตํ๊ธฐ 1 (2) | 2023.10.02 |