| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 | 31 |
- textshadow
- ํด๋์ค์ ๋ ํฐ
- ๊ตฌ๊ธํฐํธ
- ์ถ์ฝ
- formtag
- liststyleimage
- CDN
- selectorslevel4
- borderstyle
- ๋นํ๊ทธ
- ํ์ ์ ๋ ํฐ
- ๋ชจ๋์นํฐํธ
- liststyleposition
- liststyletype
- ํฅ์ค์ฝ๋
- bordercollapse
- captionside
- wordspacing
- ํผํ๊ทธ
- borderspacing
- ๊ทธ๋ฃน์ ๋ ํฐ
- ์ ๋๋ฒ์ ์ ๋ ํฐ
- ์์ด๋์ ๋ ํฐ
- fontweight
- ํฐํธ์จ์ดํธ
- ์ฃผ์
- inlineblock
- textdecoration
- gtammertable
- texttransform
- Today
- Total
็ก์
Conditional statement (์กฐ๊ฑด๋ฌธ) ๋ณธ๋ฌธ
๐จ Conditional statement
ํ๋ก๊ทธ๋จ์ ํ๋จ ํ๋ฆ(๋ก์ง)์ ๋ถ์ฌํ๋ ๋ฌธ๋ฒ์ผ๋ก, ์กฐ๊ฑด์ด true(์ฐธ)์ธ์ง false(๊ฑฐ์ง)์ธ์ง์ ๋ฐ๋ผ ์๋ก ๋ค๋ฅธ ์ฝ๋ ๋ธ๋ก์ ์คํํ๋ค.
๐ฃ if ๋ฌธ (๊ธฐ๋ณธ ์กฐ๊ฑด๋ฌธ)
๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ์กฐ๊ฑด๋ฌธ์ผ๋ก, “๋ง์ฝ ~๋ผ๋ฉด ์คํํ๋ค”๋ผ๋ ์๋ฏธ๋ฅผ ๊ฐ์ง๋ค.
let score = 85;
if (score >= 90) {
console.log("Aํ์ ์
๋๋ค.");
} else if (score >= 80) {
console.log("Bํ์ ์
๋๋ค.");
} else {
console.log("Cํ์ ์ดํ์
๋๋ค.");
}
๐น if (๋ง์ฝ ~๋ผ๋ฉด)
์กฐ๊ฑด๋ฌธ์ ์์์ผ๋ก, ๊ดํธ ( ) ์์ ์กฐ๊ฑด์ด ์ฐธ(true)์ผ ๋๋ง ์ค๊ดํธ { } ๋ธ๋ก์ด ์คํ๋๋ค.
let rain = true;
if (rain) {
console.log("์ฐ์ฐ์ ์ฑ๊ธฐ์ธ์!"); // ์กฐ๊ฑด์ด true์ด๋ฏ๋ก ์คํ๋จ
}
- ํน์ง: ๋จ๋ ์ผ๋ก ์ฌ์ฉํ ์ ์์ผ๋ฉฐ, ์กฐ๊ฑด์ด ๊ฑฐ์ง(false)์ด๋ฉด ์๋ฌด๊ฒ๋ ์คํํ์ง ์๊ณ ๋์ด๊ฐ๋ค.
๐น else (๊ทธ๋ ์ง ์์ผ๋ฉด)
if ์กฐ๊ฑด์ด ๊ฑฐ์ง(false)์ผ ๋ ์คํ๋๋ค.
let money = 5000;
if (money >= 10000) {
console.log("ํ์๋ฅผ ํ๊ณ ๊ฐ๋๋ค.");
} else {
console.log("๋ฒ์ค๋ฅผ ํ๊ณ ๊ฐ๋๋ค."); // ์์ ์กฐ๊ฑด์ด ๊ฑฐ์ง์ด๋ฏ๋ก ์คํ๋จ
}
- ํน์ง: if ๋ค์ ๋จ ํ ๋ฒ๋ง ์ฌ์ฉ ๊ฐ๋ฅํ๋ค.
- “๋๋จธ์ง ๋ชจ๋ ๊ฒฝ์ฐ”๋ฅผ ์๋ฏธ. (์กฐ๊ฑด ์์)
๐น else if (๊ทธ๊ฒ ์๋๋ผ ~๋ผ๋ฉด)
if ๋ฌธ๊ณผ else ๋ฌธ ์ฌ์ด์ ์์นํ๋ฉฐ, if ์กฐ๊ฑด์ด false์ผ ๋ ์๋ก์ด ์กฐ๊ฑด์ ์ถ๊ฐ๋ก ๊ฒ์ฌํ๋ค.
let score = 75;
if (score >= 90) {
console.log("์ฐ์");
} else if (score >= 70) {
console.log("๋ณดํต"); // ์์ ์กฐ๊ฑด์ด ๊ฑฐ์ง์ด๊ณ , ํ์ฌ ์กฐ๊ฑด์ด ์ฐธ์ด๋ฏ๋ก ์คํ๋จ
} else if (score >= 50) {
console.log("๋
ธ๋ ฅํ์");
} else {
console.log("๋์ ");
}
- ํน์ง: ์ฌ๋ฌ ๊ฐ ์ฌ์ฉ ๊ฐ๋ฅํ๋ฉฐ, ์์์๋ถํฐ ์์ฐจ์ ์ผ๋ก ๊ฒ์ฌํ๋ค.
- ์ฒ์ true๊ฐ ๋์ค๋ฉด ๋๋จธ์ง๋ ์คํํ์ง ์๋๋ค.
๐ if ๋ฌธ ๊ตฌ์กฐ ์ ๋ฆฌ ๐
| ๊ตฌ์ฑ | ์ญํ | ํ์ ์ฌ๋ถ | ์กฐ๊ฑด ํ์ ์ฌ๋ถ |
| if | ์ฒซ ๋ฒ์งธ ์กฐ๊ฑด์ ๊ฒ์ฌํ๊ณ ์ฐธ์ด๋ฉด ์คํ | ํ์ | ํ์ํจ (์กฐ๊ฑด) |
| else if | ์์ ์กฐ๊ฑด๋ค์ด ๊ฑฐ์ง์ผ ๋ ์๋ก์ด ์กฐ๊ฑด์ ๊ฒ์ฌ | ์ ํ (์ฌ๋ฌ ๊ฐ ๊ฐ๋ฅ) | ํ์ํจ (์กฐ๊ฑด) |
| else | ๋ชจ๋ ์์ ์กฐ๊ฑด๋ค์ด ๊ฑฐ์ง์ผ ๋ ๋ฌด์กฐ๊ฑด ์คํ | ์ ํ (์ต๋ ํ ๋ฒ) | ๋ถํ์ |
๐ฃ switch ๋ฌธ (๋ค์ค ์ ํ๋ฌธ)
ํ๋์ ๊ฐ์ ๋ํด ์ฌ๋ฌ ๊ฒฝ์ฐ(case)๋ฅผ ๋ถ๊ธฐ ์ฒ๋ฆฌํ๋ ์กฐ๊ฑด๋ฌธ์ด๋ค.
let browser = "Chrome";
switch (browser) {
case "Edge":
console.log("๋ง์ดํฌ๋ก์ํํธ ๋ธ๋ผ์ฐ์ ์
๋๋ค.");
break;
case "Chrome":
console.log("๊ตฌ๊ธ ๋ธ๋ผ์ฐ์ ์
๋๋ค.");
break;
default:
console.log("์ ์ ์๋ ๋ธ๋ผ์ฐ์ ์
๋๋ค.");
}
- case: ๋ณ์์ ๊ฐ๊ณผ ์ผ์นํ๋ ๊ฒฝ์ฐ ์คํ.
- break: ํด๋น ์ผ์ด์ค๋ฅผ ์คํํ ํ switch ์ข ๋ฃ, ์์ผ๋ฉด ์๋ case๊น์ง ๊ณ์ ์คํ๋จ. (fall-through)
- default: ๋ชจ๋ case๊ฐ ์ผ์นํ์ง ์์ ๋ ์คํ, if ๋ฌธ์ else ์ญํ . (๊ธฐ๋ณธ๊ฐ)
๐ if ๋ฌธ vs switch ๋ฌธ ๋น๊ต ๐
| ๊ตฌ๋ถ | if ๋ฌธ | switch ๋ฌธ |
| ๊ธฐ์ค | ๋ฒ์ / ๋ค์ํ ์กฐ๊ฑด์ | ์ ํํ ๊ฐ |
| ๋น๊ต ๋ฐฉ์ | >, <, >=, <=, === ๋ฑ ๋ค์ํ ์กฐ๊ฑด | === (์๊ฒฉ ๋น๊ต, ๊ฐ ์ผ์น) |
| ๊ฐ๋ ์ฑ | ์กฐ๊ฑด์ด ๋ง์์ง๋ฉด ์ฝ๋๊ฐ ๊ธธ์ด์ง๊ณ ๋ณต์กํด์ง | ์ฌ๋ฌ ๊ฐ ๋น๊ต ์ ๊ตฌ์กฐ๊ฐ ๊น๋ํจ |
| ์ฉ๋ | ๋ณต์กํ ๋ก์ง, ๋ฒ์ ๋น๊ต, ๋ค์ค ์กฐ๊ฑด ์ฒ๋ฆฌ | ๋จ์ํ ๊ฐ ๋ถ๊ธฐ (case๋ณ ์ฒ๋ฆฌ) |
๐ฃ ์ผํญ ์กฐ๊ฑด ์ฐ์ฐ์ (Ternary Operator)
if-else๋ฅผ ํ ์ค๋ก ์ถ์ฝํ ํํ์ด๋ค.
let age = 20;
let message = (age >= 19) ? "์ฑ์ธ์
๋๋ค." : "๋ฏธ์ฑ๋
์์
๋๋ค.";
console.log(message); // "์ฑ์ธ์
๋๋ค."
- ๊ตฌ์กฐ: ์กฐ๊ฑด ? ์ฐธ์ผ_๋_๊ฐ : ๊ฑฐ์ง์ผ_๋_๊ฐ
๐โ POINT ๐โ
โ๏ธ if ๋ฌธ์ ๊ฐ์ฅ ๋ฒ์ฉ์ ์ธ ์กฐ๊ฑด๋ฌธ์ด๋ฉฐ, ๋น๊ต ์ฐ์ฐ์์ ํจ๊ป ์์ฃผ ์ฐ์ธ๋ค. โ๏ธ
โ๏ธ switch ๋ฌธ์ ์ ํด์ง ๊ฐ(๋ฉ๋ด ์ ํ, ์์ผ ๋ฑ)์ ๋ฐ๋ผ ๋์์ ๋๋ ๋ ๊ฐ๋ ์ฑ์ด ์ข๋ค. โ๏ธ
โ๏ธ break ํค์๋๋ฅผ ์์ผ๋ฉด switch ๋ฌธ์ด ๋ฉ์ถ์ง ์๊ณ ์๋๋ก ๊ณ์ ํ๋ฅธ๋ค๋ ์ ์ ๊ผญ ๊ธฐ์ตํ์. โ๏ธ
๐ ์ธ ๊ฐ์ง ๊ตฌ์ฑ ์์ ํ๋์ ๋น๊ต ๐
| ๊ตฌ์ฑ | ์ญํ | ํ์ ์ฌ๋ถ | ์กฐ๊ฑด ํ์ ์ฌ๋ถ |
| if | ์ฒซ ๋ฒ์งธ ์กฐ๊ฑด์ ๊ฒ์ฌํ๊ณ ์ฐธ์ด๋ฉด ์คํ | ํ์ | ํ์ํจ (์กฐ๊ฑด) |
| else if | ์์ ์กฐ๊ฑด๋ค์ด ๊ฑฐ์ง์ผ ๋ ์๋ก์ด ์กฐ๊ฑด์ ๊ฒ์ฌ | ์ ํ (์ฌ๋ฌ ๊ฐ ๊ฐ๋ฅ) | ํ์ํจ (์กฐ๊ฑด) |
| else | ๋ชจ๋ ์์ ์กฐ๊ฑด๋ค์ด ๊ฑฐ์ง์ผ ๋ ๋ฌด์กฐ๊ฑด ์คํ | ์ ํ (์ต๋ ํ ๋ฒ) | ๋ถํ์ |
'<script>' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Loop statement (๋ฐ๋ณต๋ฌธ) (0) | 2026.05.28 |
|---|---|
| Truthy and Falsy (์ฐธ ๊ฐ์ ๊ฐ & ๊ฑฐ์ง ๊ฐ์ ๊ฐ) (0) | 2026.05.28 |
| Operator (์ฐ์ฐ์) (0) | 2026.05.28 |
| Data Types (๋ฐ์ดํฐ ํ์ ) (0) | 2026.05.28 |
| Variables (๋ณ์) (0) | 2026.05.28 |
