๋ฒํผ ๋๋ ์ ๋ ํ์ ์ฐฝ ๋จ๊ฒ ํ๊ธฐ
alert() ์์ '' ์์๋ฐ์ดํ ์ฐ์ง ์์ผ๋ฉด ์ ๋ธ.
(๊ฐ๋ค ==)
let count = 0 0๋ถํฐ ์์ํด๋ผ
count += 1 ๋๋ฅผ ๋๋ง๋ค 1์ ๋ํด์ค๋ผ
๋ง์ฝ์ ์นด์ดํธ๊ฐ 2๋ก ๋์์ ๋ ๋๋จธ์ง๊ฐ ๋ง์ฝ์ 0์ด๋ฉด '์ง์์ ๋๋ค'๋ผ๊ณ ๋์ค๊ฒ ํ๋ค.
๋ง์ฝ์ ๊ทธ๊ฒ ์๋๋ฉด(else) 'ํ์์ ๋๋ค'๋ผ๊ณ ๋์ค๊ฒ ํ๋ค.
let even = 4;
console.log(even % 2); // 2๋ก ๋๋ ๋๋จธ์ง๊ฐ 0์
๋๋ค.
let odd = 5;
console.log(odd % 2); // 2๋ก ๋๋ ๋๋จธ์ง๊ฐ 1์
๋๋ค.
HTML์ ์์๋ค์ ์กฐ์ํ๋, ํธ๋ฆฌํ Javascript๋ฅผ ๋ฏธ๋ฆฌ ์์ฑํด๋ ๊ฒ์ด ์ ์ด์ฟผ๋ฆฌ
https://www.w3schools.com/jquery/jquery_get_started.asp
jQuery Get Started
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
์ ์ด์ฟผ๋ฆฌ๋ฅผ ๊ฐ๋ค๊ฐ ์ฐ๊ฒ ๋ค ํค๋์ ์ง์ด ๋ฃ๊ธฐ
*
์ ์ด์ฟผ๋ฆฌ ์ด๋ฆ ๋ถ์ฌ์ค๋ id ์ฌ์ฉ (class x)
id = 'url' ์๋ค๊ฐ j์ฟผ๋ฆฌ๋ฅผ ๋จน์ผ๊ฑด๋ฐ ๋จน์ด๋๊ฒ ๋ญ๋๋ฉด ๊ฑ์ ๋ฐธ๋ฅ๋ฅผ ๋ฃ๊ณ ์ถ๋ค..??
๋ฐธ๋ฅ ๊ฐ์ ธ์ค๊ธฐ..?
๋ฐ์ค ์ ๋ณด์ด๊ฒ, ๋ณด์ด๊ฒ ํ๊ธฐ
์ถ๊ฐ๋ ๋ฒํผ ๋์ ์ col์ ๋ฃ์ผ๋ฉด..
์นด๋๊ฐ ๋ฐ์ผ๋ก ์ญ์ญ์ญ ๋ถ๊ฒ ๋๋ค
์ํ ๊ธฐ๋กํ๊ธฐ ๋๋ฅด๋ฉด ๊ธฐ๋ก๋ฐ์ค(post-box)๊ฐ ์ด๋ฆฌ๊ณ , ๋ซ๊ธฐ ๋ฒํผ ๋๋ฅด๋ฉด ๋ซํ
style - .mypost ์๋ค๊ฐ display: none; ํ๋ฉด ์ฒซํ๋ฉด ๋ถํฐ ์ ๋ณด์
QUIZ
@๋ก ์ด๋ป๊ฒ ๋ถํ ํด? ํ๊ณ ์๊ฐํ๋๋ฐ ์ด๊ฑฐ ๋ธ๋ก๊ทธ ์ฐ๋ค๊ฐ ์ง์ง๋์ฃผ์ ๋ฐฐ์ ๋ค๋๊ฑฐ ๊นจ๋ฌ์... ๋ง๊ฐ์ ๋๋ฌผ
'Lecture > ์คํ๋ฅดํ ์ฝ๋ฉํด๋ฝ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [์คํ๋ฅดํ ์ฝ๋ฉํด๋ฝ] 1. ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด (0) | 2022.08.21 |
|---|
