[ํ˜ผ๊ณตJS๐Ÿ“’] Chapter03. ์กฐ๊ฑด๋ฌธ

Camelliaยท2022๋…„ 1์›” 23์ผ
2

ํ•˜ํ•˜์งค

์ด ์งค์„ ์ž์‹  ์žˆ๊ฒŒ ๋‚ด๋ฐ€ ์ˆ˜ ์žˆ๋Š” ๊ทธ๋‚ ์„ ๊ธฐ์•ฝํ•˜๋ฉฐ..
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 2์ฃผ์ฐจ ์‹œ์ด์ด์ด์ž‘!__!

2์ฃผ์ฐจChapter๊ธฐ๋ณธ ๋ฏธ์…˜์„ ํƒ ๋ฏธ์…˜
2์ฃผ์ฐจChapter03p.139 ํ™•์ธ ๋ฌธ์ œ 3๋ฒˆ ํ’€๊ณ  ์™„์ „ํ•œ ์ฝ”๋“œ ๋งŒ๋“ค์–ด ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ์—์„œ ์‹คํ–‰๊ฒฐ๊ณผ ์ธ์ฆ์ƒทp.152์˜ <ํƒœ์–ด๋‚œ ์—ฐ๋„๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ๋  ์ถœ๋ ฅํ•˜๊ธฐ>์˜ˆ์ œ ์‹คํ–‰ํ•˜์—ฌ ๋ณธ์ธ์˜ ๋  ์ถœ๋ ฅํ•œ ํ™”๋ฉด ์บก์ณํ•˜๊ธฐ

โœ… ๊ธฐ๋ณธ ๋ฏธ์…˜

p.139 ํ™•์ธ ๋ฌธ์ œ 3๋ฒˆ ํ’€๊ณ  ์™„์ „ํ•œ ์ฝ”๋“œ ๋งŒ๋“ค์–ด ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ์—์„œ ์‹คํ–‰๊ฒฐ๊ณผ ์ธ์ฆ์ƒท

๊ธฐ๋ณธ ๋ฏธ์…˜

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>
        let x = 15;

        if(x > 10 && x < 20) {
            alert("์กฐ๊ฑด์— ๋งž์Šต๋‹ˆ๋‹ค!!");
        }
    </script>
</head>
<body> 
</body>
</html>

์„ค๋ช…
&& : x๊ฐ€ 10๋ณด๋‹ค ํฌ๊ณ  20๋ณด๋‹ค ์ž‘์€ ๋‘ ์กฐ๊ฑด์„ ๋ชจ๋‘ ๋งŒ์กฑํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์–‘์ชฝ ๋ณ€ ๊ฐ’์ด ๋ชจ๋‘ true ์ผ๋•Œ true๋ฅผ ๊ฒฐ๊ณผ๋กœ ๋‚ด๋Š” && ์—ฐ์‚ฐ์ž ์‚ฌ์šฉ


โœ… ์„ ํƒ ๋ฏธ์…˜

p.152์˜ <ํƒœ์–ด๋‚œ ์—ฐ๋„๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ๋  ์ถœ๋ ฅํ•˜๊ธฐ>์˜ˆ์ œ ์‹คํ–‰ํ•˜์—ฌ ๋ณธ์ธ์˜ ๋  ์ถœ๋ ฅํ•œ ํ™”๋ฉด ์บก์ณํ•˜๊ธฐ

์„ ํƒ ๋ฏธ์…˜

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script>
        const year = Number(prompt("ํƒœ์–ด๋‚œ ํ•ด๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!"));
        const e = year % 12
        
        if(e === 0) {result = "์›์ˆญ์ด";}
        else if(e === 1) {result = "๋‹ญ";}
        else if(e === 2) {result = "๊ฐœ";}
        else if(e === 3) {result = "๋ผ์ง€";}
        else if(e === 4) {result = "์ฅ";}
        else if(e === 5) {result = "์†Œ";}
        else if(e === 6) {result = "ํ˜ธ๋ž‘์ด";}
        else if(e === 7) {result = "ํ† ๋ผ";}
        else if(e === 8) {result = "์šฉ";}
        else if(e === 9) {result = "๋ฑ€";}
        else if(e === 10) {result = "๋ง";}
        else if(e === 11) {result = "์–‘";}
        alert(`${year}๋…„์— ํƒœ์–ด๋‚ฌ๋‹ค๋ฉด ${result}๋ ์ž…๋‹ˆ๋‹ค!`);
    </script>
</head>
<body>
    
</body>
</html>

์„ค๋ช…
2004๋…„์ƒ์€ ์›์ˆญ์ด๋ ์ด๊ธฐ ๋•Œ๋ฌธ์— ์›์ˆญ์ด๋ ๊ฐ€ ๊ฒฐ๊ณผ๋กœ ์ถœ๋ ฅ๋œ๋‹ค!


03-1. if ์กฐ๊ฑด๋ฌธ

  • if ์กฐ๊ฑด๋ฌธ : ์กฐ๊ฑด์— ๋”ฐ๋ผ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ฑฐ๋‚˜ ์‹คํ–‰ํ•˜์ง€ ์•Š์„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ตฌ๋ฌธ
  • ๋น„๊ต ์—ฐ์‚ฐ์ž์™€ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋ฅผ ํ™œ์šฉํ•ด ์กฐ๊ฑด ๋งŒ๋“ฆ

1. if ์กฐ๊ฑด๋ฌธ

  • ๋ถˆ ํ‘œํ˜„์‹์˜ ๊ฐ’์ด true๋ฉด ์ค‘๊ด„ํ˜ธ ์•ˆ์˜ ๋ฌธ์žฅ ์‹คํ–‰ false์ด๋ฉด ๋ฌธ์žฅ ๋ฌด์‹œ

  • ์ค‘๊ด„ํ˜ธ ์•ˆ์˜ ์‹คํ–‰๋ฌธ์ด 1์ค„์ด๋ฉด ์ค‘๊ด„ํ˜ธ๋ฅผ ์ƒ๋žตํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์—ฌ๋Ÿฌ ๋ฌธ์žฅ์ผ ๊ฒฝ์šฐ ์ค‘๊ด„ํ˜ธ๋กœ ๊ฐ์‹ธ์•ผํ•จ

  • ์‚ฌ์šฉ๋ฐฉ๋ฒ•

if (๋ถˆ ๊ฐ’์ด ๋‚˜์˜ค๋Š” ํ‘œํ˜„์‹) {
  ๋ถˆ ๊ฐ’์ด ์ฐธ์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ
}

์˜ˆ์‹œ

//if ์กฐ๊ฑด๋ฌธ
if(273 < 100) {
  //ํ‘œ์‹์‹  273 < 100์ด ์ฐธ์ผ ๋•Œ ์‹คํ–‰
  alert('273 < 100 => true');
}

//ํ”„๋กœ๊ทธ๋žจ ์ข…๋ฃŒ
alert('์ข…๋ฃŒ');

์‹คํ–‰๊ฒฐ๊ณผ : ์ข…๋ฃŒ => if ์กฐ๊ฑด๋ฌธ์˜ ๋ถˆ ๊ฐ’์ด false์œผ๋ฏ€๋กœ ์ค‘๊ด„ํ˜ธ ์•ˆ์˜ ๋ฌธ์žฅ์„ ์‹คํ–‰ํ•˜์ง€ ์•Š๊ณ  ์ข…๋ฃŒํ•œ๋‹ค.


2. if else ์กฐ๊ฑด๋ฌธ

  • else ๊ตฌ๋ฌธ์€ if ์กฐ๊ฑด๋ฌธ ๋ฐ”๋กœ ๋’ค์— ๋ถ™์—ฌ์„œ ์‚ฌ์šฉ

  • if ์กฐ๊ฑด๋ฌธ๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์‹คํ–‰๋˜๋Š” ๋ฌธ์žฅ์ด ํ•˜๋‚˜์ผ ๋•Œ ์ค‘๊ด„ํ˜ธ ์ƒ๋žต ๊ฐ€๋Šฅ, ์—ฌ๋Ÿฌ ๋ฌธ์žฅ์„ ๊ฒฝ์šฐ ์ค‘๊ด„ํ˜ธ ์ƒ๋žต ์•ˆ๋จ

  • ์‚ฌ์šฉ๋ฐฉ๋ฒ•

if (๋ถˆ ๊ฐ’์ด ๋‚˜์˜ค๋Š” ํ‘œํ˜„์‹) {
  ๋ถˆ ๊ฐ’์ด ์ฐธ์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ
} else {
  ๋ถˆ ๊ฐ’์ด ๊ฑฐ์ง“์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ
}

์˜ˆ์‹œ

//if ์กฐ๊ฑด๋ฌธ
const hour = 13;
if (hour < 12) {
  //ํ‘œํ˜„์‹ hour < 12๊ฐ€ ์ฐธ์ผ ๋•Œ ์‹คํ–‰
  alert("์˜ค์ „");
} else {
  //ํ‘œํ˜„์‹ hour < 12๊ฐ€ ๊ฑฐ์ง“์ผ ๋•Œ ์‹คํ–‰
  alert("์˜คํ›„");
}

์‹คํ–‰๊ฒฐ๊ณผ : ์˜คํ›„ => if ์กฐ๊ฑด๋ฌธ์˜ ๋ถˆ ๊ฐ’์ด false์œผ๋ฏ€๋กœ else๋ฌธ ์•ˆ์˜ ์‹คํ–‰๋ฌธ์ด ์‹คํ–‰๋œ๋‹ค.


3. ์ค‘์ฒฉ ์กฐ๊ฑด๋ฌธ

  • ์ค‘์ฒฉ ์กฐ๊ฑด๋ฌธ : ์กฐ๊ฑด ๋ฌธ ์•ˆ์— ์กฐ๊ฑด๋ฌธ์„ ์ค‘์ฒฉํ•ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ
  • ์—ฌ๋Ÿฌ ๋ฒˆ ์ค‘์ฒฉ ๊ฐ€๋Šฅ

์˜ˆ์‹œ

//if ์กฐ๊ฑด๋ฌธ
if (๋ถˆ ๊ฐ’์ด ๋‚˜์˜ค๋Š” ํ‘œํ˜„์‹ 1) {
  if (๋ถˆ ๊ฐ’์ด ๋‚˜์˜ค๋Š” ํ‘œํ˜„์‹ 2) {		    -----
    ํ‘œํ˜„์‹ 2๊ฐ€ ์ฐธ์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ			|
  } else {					|  ----> ํ‘œํ˜„์‹ 1์ด ์ฐธ์ด๋ฉด ์‹คํ–‰
    ํ‘œํ˜„์‹ 2๊ฐ€ ๊ฑฐ์ง“์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ	        |
  }					    -----
} else {
  if (๋ถˆ ๊ฐ’์ด ๋‚˜์˜ค๋Š” ํ‘œํ˜„์‹ 3) {		    -----
    ํ‘œํ˜„์‹ 3์ผ ์ฐธ์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ			|
  } else {					|  ----> ํ‘œํ˜„์‹ 1์ด ๊ฑฐ์ง“์ด๋ฉด ์‹คํ–‰
    ํ‘œํ˜„์‹ 3์ด ๊ฑฐ์ง“์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ  	        |
  }				   	    -----
}

๐Ÿ‘ ๋งˆ๋ฌด๋ฆฌ


1. '์ฐธ์ž…๋‹ˆ๋‹ค'๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ๊ฒƒ์€?

โ‘ 

const x = 1;
if(x > 4) {
   console.log("์ฐธ์ž…๋‹ˆ๋‹ค");
}

โ‘ก

const x = 0;
if(x > 4) {
   console.log("์ฐธ์ž…๋‹ˆ๋‹ค");
}

โ‘ข

const x = 10;
if(x > 4) {
   console.log("์ฐธ์ž…๋‹ˆ๋‹ค");
}

๋‹ต
3 : 10์€ 4๋ณด๋‹ค ํฌ๋‹ค๋Š” ํ‘œํ˜„์‹์— true์ด๊ธฐ ๋•Œ๋ฌธ์— ์‹คํ–‰๋ฌธ ์‹คํ–‰


2. ์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์ˆซ์ž 2๊ฐœ๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ์ฒซ ๋ฒˆ์งธ ์ž…๋ ฅ๋ฐ›์€ ์ˆซ์ž๊ฐ€ ํฐ์ง€, ๋‘ ๋ฒˆ์งธ ์ž…๋ ฅ๋ฐ›์€ ์ˆซ์ž๊ฐ€ ํฐ์ง€๋ฅผ ๊ตฌํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ๋นˆ ์นธ ์ฑ„์šฐ๊ธฐ
const a = Number(prompt('์ฒซ ๋ฒˆ์งธ ์ˆซ์ž', ' '));
const b = Number(prompt('๋‘ ๋ฒˆ์งธ ์ˆซ์ž', ' '));

if(a > b) {
  alert("์ฒซ ๋ฒˆ์งธ๋กœ ์ž…๋ ฅํ•œ ์ˆซ์ž๊ฐ€ ๋” ํฝ๋‹ˆ๋‹ค.")
} else if(a == b) {
  alert("๋‘ ์ˆซ์ž๊ฐ€ ๊ฐ™์Šต๋‹ˆ๋‹ค");
} else {
  alert("๋‘ ๋ฒˆ์งธ๋กœ ์ž…๋ ฅํ•œ ์ˆซ์ž๊ฐ€ ๋” ํฝ๋‹ˆ๋‹ค");
}

3. ๋นˆ์นธ์— ์–ด๋–ค ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž?

๊ธฐ๋ณธ ๋ฏธ์…˜ ํ™•์ธ!!


4. ์‚ฌ์šฉ์ž์—๊ฒŒ ์ˆซ์ž๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ์–‘์ˆ˜, 0, ์Œ์ˆ˜๋ฅผ ๊ตฌ๋ถ„ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ์ž‘์„ฑ
const a  = Number(prompt("์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!", ' '));

if(a > 0)
  alert("์–‘์ˆ˜์ž…๋‹ˆ๋‹ค!");
else if(a == 0) 
  alert("0์ž…๋‹ˆ๋‹ค!");
else
  alert("์Œ์ˆ˜์ž…๋‹ˆ๋‹ค!");

5. ์‚ฌ์šฉ์ž์—๊ฒŒ ์ˆซ์ž๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ํ™€์ˆ˜์™€ ์ง์ˆ˜ ๊ตฌ๋ถ„ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ์ž‘์„ฑ
const a  = Number(prompt("์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!", ' '));

if(a % 2 == 0) {
  alert("์ง์ˆ˜์ž…๋‹ˆ๋‹ค!");
} else {
  alert("ํ™€์ˆ˜์ž…๋‹ˆ๋‹ค!");
}

6. ํ˜„์žฌ๊ฐ€ ๋ช‡ ์›”์ธ์ง€ ํ™•์ธํ•˜๊ณ , ๊ณ„์ ˆ ๊ตฌ๋ถ„ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ์ž‘์„ฑ
const a = Number(prompt("์›”์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!", ' '));

if(a >= 3 && a <= 5) {
  alert("๋ด„์ž…๋‹ˆ๋‹ค!");
} else if(a >= 6 && a <= 8) {
  alert("์—ฌ๋ฆ„์ž…๋‹ˆ๋‹ค!");
} else if(a >= 9 && a <= 11) {
  alert("๊ฐ€์„์ž…๋‹ˆ๋‹ค!");
} else {
  alert("๊ฒจ์šธ์ž…๋‹ˆ๋‹ค!");
}

03-2. switch ์กฐ๊ฑด๋ฌธ๊ณผ ์งง์€ ์กฐ๊ฑด๋ฌธ

  • default ํ‚ค์›Œ๋“œ๋Š” ์ƒ๋žต ๊ฐ€๋Šฅ

  • break : switch ์กฐ๊ฑด๋ฌธ์ด๋‚˜ ๋ฐ˜๋ณต๋ฌธ์„ ๋น ์ ธ๋‚˜๊ฐ€๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํ‚ค์›Œ๋“œ

  • switch ์กฐ๊ฑด๋ฌธ : ๊ด„ํ˜ธ ์•ˆ์—๋Š” ๋น„๊ตํ•  ๊ฐ’ ์ž…๋ ฅ, ์ž…๋ ฅํ•œ ๊ฐ’์„ ๊ธฐ์ค€์œผ๋กœ ํŠน์ • ์ฝ”๋“œ๋ฅผ ์‹คํ–‰

  • case : case ํ‚ค์›Œ๋“œ ์˜†์˜ ํ‘œํ˜„์‹์ด ๊ฐ™๋‹ค๋ฉด case ํ‚ค์›Œ๋“œ ๋ฐ”๋กœ ๋‹ค์Œ์— ์˜ค๋Š” ๋ฌธ์žฅ ์‹คํ–‰

  • ๊ธฐ๋ณธ ํ˜•ํƒœ

switch(์ž๋ฃŒ) { ---> ์ž๋ฃŒ : ๋น„๊ตํ•  ๊ฐ’
  case ์กฐ๊ฑดA : 
    break;
  case ์กฐ๊ฑดB :
    break;
  default :  ---> ์ƒ๋žต ๊ฐ€๋Šฅ
    break;
}

1. ์กฐ๊ฑด๋ถ€ ์—ฐ์‚ฐ์ž

  • ๊ธฐ๋ณธ ํ˜•ํƒœ
    ๋ถˆ ํ‘œํ˜„์‹ ? ์ฐธ์ผ ๋•Œ์˜ ๊ฒฐ๊ณผ : ๊ฑฐ์ง“์ผ ๋•Œ์˜ ๊ฒฐ๊ณผ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ•ญ์„ 3๊ฐœ ๊ฐ–๋Š” ์—ฐ์‚ฐ์ž๋Š” ์กฐ๊ฑด๋ถ€ ์—ฐ์‚ฐ์ž๊ฐ€ ์œ ์ผํ•ด์„œ ์‚ผํ•ญ ์—ฐ์‚ฐ์ž๋ผ๊ณ  ๋ถ€๋ฅด๊ธฐ๋„ ํ•จ

์˜ˆ์‹œ

			(number >= 0)์ด true๋ฉด ์ด ๊ฐ’์ด ํ• ๋‹น
const number = 19;             _________|_________
const result = (number >= 0) ? '0 ์ด์ƒ์˜ ์ˆซ์ž์ž…๋‹ˆ๋‹ค.' : '0๋ณด๋‹ค ์ž‘์€ ์ˆซ์ž์ž…๋‹ˆ๋‹ค.';	
						      ____________________
                              					|
                             		      (number >= 0)์ด false๋ฉด ์ด ๊ฐ’์ด ํ• ๋‹น

alert(result);

2. ์งง์€ ์กฐ๊ฑด๋ฌธ

  • ๋…ผ๋ฆฌํ•ฉ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•œ ์งง์€ ์กฐ๊ฑด๋ฌธ
    -๋…ผ๋ฆฌํ•ฉ ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•œ ํ‘œํ˜„์‹์€ ๋’ค์— ์–ด๋– ํ•œ ๊ฐ’์ด ๋“ค์–ด๊ฐ€๋„ ํ•ญ์ƒ ์ฐธ
    -๋…ผ๋ฆฌํ•ฉ ์—ฐ์‚ฐ์ž์˜ ์ขŒ๋ณ€์ด ์ฐธ์ด๋ฉด ์šฐ๋ณ€์„ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ
    -๊ธฐ๋ณธ ํ˜•ํƒœ
    true || OOO
    -์งง์€ ์ •๋ฆฌ
    ๋ถˆ ํ‘œํ˜„์‹ || ๋ถˆ ํ‘œํ˜„์‹์ด ๊ฑฐ์ง“์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ

์˜ˆ์‹œ
> true || console.log("์‹คํ–‰๋ ๊นŒ์š”?"); --> ์ขŒ๋ณ€์ด ์ฐธ์ด๊ธฐ ๋•Œ๋ฌธ์— ์šฐ๋ณ€์ด ์‹คํ–‰๋˜์ง€ ์•Š๋Š”๋‹ค.
true

> false || console.log("์‹คํ–‰๋ ๊นŒ์š”?"); --> ์ขŒ๋ณ€์ด ์ฐธ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์šฐ๋ณ€์ธ ์‹คํ–‰๋ ๊นŒ์š”?๊ฐ€ ์‹คํ–‰๋œ๋‹ค.
์‹คํ–‰๋ ๊นŒ์š”?
undefined

  • ๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•œ ์งง์€ ์กฐ๊ฑด๋ฌธ
    -๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž๋Š” ์–‘๋ณ€์ด ๋ชจ๋‘ ์ฐธ์ผ ๋•Œ๋งŒ ์ฐธ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค์Œ ํ‘œํ˜„์‹์€ ํ•ญ์ƒ ๊ฑฐ์ง“
    -๋…ผ๋ฆฌ๊ณฑ ์—ฐ์‚ฐ์ž๋Š” ์ขŒ๋ณ€์ด ๊ฑฐ์ง“์ด๋ฉด ์šฐ๋ณ€์„ ์‹คํ–‰ํ•˜์ง€์•Š์Œ
    -๊ธฐ๋ณธ ํ˜•ํƒœ
    false && OOO
    -์งง์€ ์ •๋ฆฌ
    ๊ฒฐ๊ณผ๊ฐ€ ๊ฑฐ์ง“์ธ ๋ถˆ ํ‘œํ˜„์‹ || ๋ถˆ ํ‘œํ˜„์‹์ด ์ฐธ์ผ ๋•Œ ์‹คํ–‰ํ•  ๋ฌธ์žฅ

์˜ˆ์‹œ
> false && true; --> ์ขŒ๋ณ€์ด ์ฐธ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์šฐ๋ณ€์„ ์‹คํ–‰ํ•˜์ง€ ์•Š๊ณ  false๊ฐ€ ๋œ๋‹ค.
false

> false && false;  --> ์ขŒ๋ณ€์ด ์ฐธ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์šฐ๋ณ€์„ ์‹คํ–‰ํ•˜์ง€ ์•Š๊ณ  false๊ฐ€ ๋œ๋‹ค.
false

๐Ÿ‘ ๋งˆ๋ฌด๋ฆฌ


1. ๋‹ค์Œ ์ฝ”๋“œ ์˜ˆ์ธก
<script>
  const result = (100 > 200) ? prompt('๊ฐ’์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”', ' '); : confirm('๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์ฃผ์„ธ์š”');
alert(result);
</script>

๋‹ต
"๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์ฃผ์„ธ์š”"๋ผ๋Š” ํ™•์ธ๊ณผ ์ทจ์†Œ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•  ์ˆ˜ ์žˆ๋Š” ์ฐฝ์ด ๋‚˜์˜ค๊ณ  ํ™•์ธ์„ ํด๋ฆญํ•˜๋ฉด true, ์ทจ์†Œ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด false์ถœ๋ ฅ


2. [๋ˆ„์ ์˜ˆ์ œ : ํƒœ์–ด๋‚œ ์—ฐ๋„๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ๋  ์ถœ๋ ฅํ•˜๊ธฐ]์—์„œ if์กฐ๊ฑด๋ฌธ์„ switch ์กฐ๊ฑด๋ฌธ์œผ๋กœ ๋ณ€๊ฒฝํ•ด์„œ ๊ตฌํ˜„
<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script>
        const year = Number(prompt("ํƒœ์–ด๋‚œ ํ•ด๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!"));
        const e = year % 12
        
        let result
        switch(e) {
            case 0 : result = "์›์ˆญ์ด"; break;
            case 1 : result = "๋‹ญ"; break;
            case 2 : result = "๊ฐœ"; break;
            case 3 : result = "๋ผ์ง€"; break;
            case 4 : result = "์ฅ"; break;
            case 5 : result = "์†Œ"; break;
            case 6 : result = "ํ˜ธ๋ž‘์ด"; break;
            case 7 : result = "ํ† ๋ผ"; break;
            case 8 : result = "์šฉ"; break;
            case 9 : result = "๋ฑ€"; break;
            case 10 : result = "๋ง"; break;
            case 11 : result = "์–‘"; break;
        }
        alert(`${year}๋…„์— ํƒœ์–ด๋‚ฌ๋‹ค๋ฉด ${result}๋ ์ž…๋‹ˆ๋‹ค!`);
    </script>
</head>
<body>  
</body>
</html>

3. 'ํƒœ์–ด๋‚œ ์—ฐ๋„๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ๋  ์ถœ๋ ฅํ•˜๊ธฐ'์—์„œ ๋™๋ฌผ ์ด๋ฆ„์„ ์ฅ๋ถ€ํ„ฐ '์ž, ์ถ•, ์ธ, ๋ฌ˜, ์ง„, ์‚ฌ, ์˜ค, ใ…, ์‹ , ์œ , ์ˆ , ํ•ด'๋กœ ๋ณ„๊ฒฝํ•˜๊ณ , ์ž…๋ ฅํ•œ ์—ฐ๋„์˜ '๊ฐ‘, ์„, ๋ณ‘, ์ •, ๋ฌด, ๊ธฐ, ๊ฒฝ, ์‹ , ์ž„, ๊ณ„'๋ฅผ ๊ณ„์‚ฐ ์ด ๋‘˜์„ ํ•ฉ์ณ ์ถœ๋ ฅํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ์ž‘์„ฑ
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>
        const year = Number(prompt("ํƒœ์–ด๋‚œ ํ•ด๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!", ' '));

        let ๊ฐ„;
        let e = year % 10;
        switch(e) {
            case 0 : ๊ฐ„ = "๊ฒฝ"; break;
            case 1 : ๊ฐ„ = "์‹ "; break;
            case 2 : ๊ฐ„ = "์ž„"; break;
            case 3 : ๊ฐ„ = "๊ณ„"; break;
            case 4 : ๊ฐ„ = "๊ฐ‘"; break;
            case 5 : ๊ฐ„ = "์„"; break;
            case 6 : ๊ฐ„ = "๋ณ‘"; break;
            case 7 : ๊ฐ„ = "์ •"; break;
            case 8 : ๊ฐ„ = "๋ฌด"; break;
            case 9 : ๊ฐ„ = "๊ธฐ"; break;
        }

        let ๋ ;
        let tti = year % 12;
        switch(tti) {
            case 0 : ๋  = "์‹ "; break;
            case 1 : ๋  = "์œ "; break;
            case 2 : ๋  = "์ˆ "; break;
            case 3 : ๋  = "ํ•ด"; break;
            case 4 : ๋  = "์ž"; break;
            case 5 : ๋  = "์ถ•"; break;
            case 6 : ๋  = "์ธ"; break;
            case 7 : ๋  = "๋ฌ˜"; break;
            case 8 : ๋  = "์ง„"; break;
            case 9 : ๋  = "์‚ฌ"; break;
            case 10 : ๋  = "์˜ค"; break;
            case 11 : ๋  = "๋ฏธ"; break;
        }

        alert(`${year}๋…„์€ ${๊ฐ„}${๋ } ๋…„์ž…๋‹ˆ๋‹ค!`);
    </script>
</head>
<body>
    
</body>
</html>

4. switch ์กฐ๊ฑด๋ฌธ๊ณผ ์ง์ ‘์ ์ธ ๊ด€๋ จ์ด ์—†๋Š” ํ‚ค์›Œ๋“œ๋Š”?

โ‘  switch
โ‘ก break
โ‘ข default
โ‘ฃ else

๋‹ต
โ‘ฃ else : else๋Š” switch์กฐ๊ฑด๋ฌธ๊ณผ ๊ด€๋ จ์ด ์žˆ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ if ์กฐ๊ฑด๋ฌธ๊ณผ ๊ด€๋ จ์ด ์žˆ๋Š”๊ฒƒ์ด๋‹ค.


5. ๋‹ค๋ฅธ ์‹คํ–‰ ๊ฒฐ๊ณผ๋ฅผ ๋‚ด๋Š” ์ฝ”๋“œ๋Š”?

โ‘  true ? alert('์ถœ๋ ฅA') : alert('์ถœ๋ ฅB')
โ‘ก false ? alsert('์ถœ๋ ฅB') : alert('์ถœ๋ ฅA')
โ‘ข true || alert('์ถœ๋ ฅA')
โ‘ฃ true && alert('์ถœ๋ ฅA')

๋‹ต
โ‘ฃ true && alert('์ถœ๋ ฅA') : 1๋ฒˆ์€ ์ฐธ์ด๊ธฐ ๋•Œ๋ฌธ์— "์ถœ๋ ฅA"์ถœ๋ ฅ, 2๋ฒˆ์€ ๊ฑฐ์ง“์ด๊ธฐ ๋•Œ๋ฌธ์— "์ถœ๋ ฅA"์ถœ๋ ฅ, 3๋ฒˆ์€ ์ขŒ๋ณ€์ด true์ด๊ธฐ ๋•Œ๋ฌธ์— true์ถœ๋ ฅ, 4๋ฒˆ์€ ์–‘๋ณ€์ด true์ด๋ฏ€๋กœ ์˜ค๋ฅธ์ชฝ ๊ฐ’์ธ "์ถœ๋ ฅA"์ถœ๋ ฅ ๊ทธ๋Ÿฌ๋ฏ€๋กœ ๋‹ค๋ฅธ ์‹คํ–‰ ๊ฒฐ๊ณผ๋ฅผ ๋‚ด๋Š” ๊ฒƒ์€ 3๋ฒˆ์ด๋‹ค.

์žฌ์„ ์งค

'์•„ ๋‚ด๊ฐ€ ์†ฆ๊ณผ๊ตฌ๋‚˜..', '์•„ ๋‚ด๊ฐ€ ๊ฐœ๋ฐœ์ด๋ž€ ๊ฑธ ํ•˜๊ตฌ ์žˆ๊ตฌ๋‚˜..'๋ผ๋Š” ์ƒ๊ฐ์„ ์ฒ˜์Œ์œผ๋กœ ๋“ค๊ฒŒ ํ•ด์ค€ ์กฐ๊ฑด๋ฌธ.. ์งง๊ฒŒ ๋งŒ๋“  ์กฐ๊ฑด๋ฌธ ์ฝ”๋“œ ํ•˜๋‚˜์— ๊ฐ๊ฒฉ์Šค๋Ÿฌ์›Œ ๋‚ ๋›ฐ๋˜ ๋•Œ๊ฐ€ ์ƒ๊ฐ์ด ๋‚ฌ๋‹ค. ์œ„์˜ ์งค์ฒ˜๋Ÿผ ์กฐ๊ธˆ์ด๋ผ๋„ ๊ธด ์กฐ๊ฑด๋ฌธ์ด ๋‚˜์˜ค๋ฉด ๋ˆˆ์„ ์งˆ๋ˆ ๊ฐ๊ณ  ์ƒ๊ฐํ•˜๊ธฐ๋ฅผ ํฌ๊ธฐํ–ˆ๋˜ ๋•Œ๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ณต์Šตํ•ด ๋ณด๋‹ˆ ๋งŽ์ด ์„ฑ์žฅํ•œ ๊ฒƒ ๊ฐ™์•„ ๋ฟŒ๋“ฏํ•˜๋‹ค. ์•ž์œผ๋กœ 4์ฃผ ์ •๋„ ๋‚จ์•˜๋Š”๋ฐ ๋” ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค. ๋น ์ƒค!

profile
๋น ์ƒค!

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2022๋…„ 1์›” 23์ผ

์™ค์ผ€ ์—ด์‹ฌํžˆ ํ•ด ใ…ก.ใ…ก

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ