3-1.์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ œ์–ด๋ฌธ

์ƒ์„ธ ์ปจํ…์ธ 

๋ณธ๋ฌธ ์ œ๋ชฉ

3-1.์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ œ์–ด๋ฌธ

JavaScript

by ๐– ‚๐–ข•๐Ÿœ‡๐ƒ„เผถเฎ‡เฏน๐’€ฑ๐ฆ„๐ฆ‰ 2022. 9. 22. 02:38

๋ณธ๋ฌธ

๋ฐ˜์‘ํ˜•

1.์ œ์–ด๋ฌธ์˜ ์ •์˜

 

: ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์‹คํ–‰๋ฌธ์„ ๋งํ•ฉ๋‹ˆ๋‹ค. 

์กฐ๊ฑด์— ๋”ฐ๋ผ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์ด ์กฐ๊ฑด๋ฌธ์ž…๋‹ˆ๋‹ค. 

์„ ํƒ๋ฌธ์€ ์ผ์น˜ํ•  ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜๋Š” ๋˜๋Š” ๊ฒƒ์ด ์„ ํƒ๋ฌธ์ž…๋‹ˆ๋‹ค.

๋ฐ˜๋ณต์€ ์‹คํ–‰์„ ์ง€์ •ํ•œ ํšŸ์ˆ˜๋งŒํผ ๋ฐ˜๋ณตํ•ด์„œ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ์ด ๋ฐ˜๋ณต๋ฌธ์ž…๋‹ˆ๋‹ค. 

 

์ œ์–ด๋ž€ ์‚ฌ์ „์  ์˜๋ฏธ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ค‘์—์„œ ๊ธฐ๊ณ„๋‚˜ ์„ค๋น„ ๋˜๋Š” ํ™”ํ•™๋ฐ˜์‘ ๋”ฐ์œ„๊ฐ€

๋ชฉ์ ์— ์•Œ๋งž์€ ์ž‘์šฉ์„ ํ•˜๋„๋ก ์กฐ์ ˆํ•˜๋Š” ๊ฒƒ์ด๋ผ๊ณ  ๋˜์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. 

 

์•Œ๋งž์€ ๋ชฉ์ ์— ์ž‘์šฉํ•˜๋Š” ๊ฒƒ = ์‹คํ–‰๋ฌธ  ์กฐ์ ˆํ•˜๋Š” ํ•˜๋Š” ๊ฒƒ = ์กฐ๊ฑด, ์„ ํƒ,๋ฐ˜๋ณต ์š”์†Œ๊ฐ€ ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. 

์–ด๋””๊นŒ์ง€๋‚˜ ์ €์˜ ๊ฒฌํ•ด์ด๋ฏ€๋กœ ํ‹€๋ฆด ์ˆ˜ ์žˆ๋Š” ์  ์ฐธ๊ณ ํ•ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. 

 

 

 

1-1 ์กฐ๊ฑด๋ฌธ 

: ์กฐ๊ฑด์— ๋”ฐ๋ผ  ์ฐธ ๋˜๋Š” ๊ฑฐ์ง“์ธ์ง€ ๋”ฐ๋ผ ์‹คํ–‰๋ฌธ์˜ ์ œ์–ด๊ฐ€ ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค. 4๋ฅผ 2๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋Š” 0 ์ž…๋‹ˆ๊นŒ?  ์ปดํ“จํ„ฐ์—๊ฒŒ 

๋ฌป๋Š”๋‹ค๋ฉด ์ฐธ์„ ๋ฐ˜ํ™˜ํ•˜๊ฒ ์ฃ . 

 

  A. if ๋ฌธ

  : ์กฐ๊ฑด์„ ๋งŒ์กฑํ•  ๊ฒฝ์šฐ์—๋งŒ ์‹คํ–‰๋ฌธ์„ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. 

 

if๋ฌธ ์‚ฌ์šฉ๋ฐฉ์‹

 

์ด์ „์— ๋ฐฐ์šด ์—ฐ์‚ฐ์ž๋ฅผ ์ด์šฉํ•ด์„œ ์กฐ๊ฑด์—์„œ ture ์กฐ๊ฑด์„ ๋งŒ๋“ค์–ด์„œ ์›ํ•˜๋Š” ๋‚ด์šฉ์„ ์ถœ๋ ฅํ•ด ๋ณด์„ธ์š”. 

์ƒ๊ฐ์ด ์•ˆ๋‚˜์‹œ๋ฉด ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜์…”์„œ ํ…Œ์ŠคํŠธ ํ•˜์‹œ๋ฉด ๋˜๊ฒ ์Šต๋‹ˆ๋‹ค. 

 

<script type="text/javascript">
    var num = 20;
    if(num%2==0) {
        document.write("oh! Yes~");
    }

</script>

 

ex)  ๋‹น์‹ ์˜ ๊ฒŒ์ž„์‹œ๊ฐ„์„ ์งˆ์˜ํ•ด์„œ ๋ฌธ์ž๋กœ ๋ฐ›์•„์˜จ ๋‹ค์Œ 1์‹œ๊ฐ„ ์ด์ƒ์ด๋ฉด ๊ฒŒ์ž„์„ ํ”Œ๋ ˆ์ด๋ฅผ ์š”๊ตฌํ•˜๋Š” ๋ฉ”์„ธ์ง€๋ฅผ ์ถœ๋ ฅํ•˜์„ธ์š”. 

 prompt() ๋ฉ”์„œ๋“œ๋กœ ๋ฌผ์–ด์„œ ๊ฒŒ์ž„์‹œ๊ฐ„์„ ๋ฐ›์•„์˜ฌ ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ , if๋ฌธ์„ ์‚ฌ์šฉํ•ด์„œ document ๊ฐ์ฒด๋กœ ์ถœ๋ ฅํ•˜์‹œ์˜ค. 

 

 
 
 

1 ์ด์ƒ์˜ ๊ฐ’์€ ๋ฌด์กฐ๊ฑด ture์ด๋ฏ€๋กœ  ํ•ด๋‹น ๋ฉ”์„ธ์ง€๊ฐ€ ์ถœ๋ ฅ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. 

๋งŒ์•ฝ ์œ„์— var num=20; ์ผ๋•Œ  if(num) { .. ์ดํ•˜    ์‹คํ–‰๋˜๋ฉด  num์€ 20์ด๋ฉฐ, true ๋ฐ˜ํ™˜๋˜์–ด์ ธ  ์‹คํ–‰๋ฌธ์˜ ๋‚ด์šฉ์ด ์ถœ๋ ฅ๋ฉ๋‹ˆ๋‹ค. 

 

์กฐ๊ฑด์‹์˜ 0, null, nudefined ๊ฐ’์€ false ๋ฐ˜ํ™˜ํ•˜์ง€๋งŒ ๋‚˜๋จธ์ง€์— ๋Œ€ํ•ด์„œ๋Š” true ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์—ฐ์‚ฐ์ž์—์„œ ๋‹ค๋ฃจ์—ˆ๋˜ ๊ฑฐ ๊ฐ™๋„ค์š”. 

 

 

  B.else๋ฌธ 

 if๋ฌธ๊ณผ ๋‹ค๋ฅด๊ฒŒ ture๋ฅผ ๋งŒ์กฑํ•˜์ง€ ์•Š์•˜์„ ๊ฒฝ์šฐ์— ํ•ด๋‹นํ•˜๋Š” false์— ๋Œ€ํ•ด ์ฒ˜๋ฆฌ๋ฅผ ํ•ด ์ค๋‹ˆ๋‹ค. 

 

else๋ฌธ ์‚ฌ์šฉ๋ฒ•

 

 ๋‹ค์Œ๊ณผ ๊ฐ™์ด  ์ƒ๋Œ€์˜ ๋‚˜์ด๋ฅผ ์งˆ์˜ํ•˜์—ฌ ๋ณ€์ˆ˜์— ์ €์žฅํ•œ ๋‹ค์Œ ๋ฌป๊ณ  ๋‹น์‹ ์˜ ๋‚˜์ด์— ํด ๊ฒฝ์šฐ์™€ ์•„๋‹Œ ๊ฒฝ์šฐ์— 

๋Œ€ํ•ด ๋ฉ”์„ธ์ง€๋ฅผ ์ถœ๋ ฅํ•ด ๋ณด์„ธ์š”. 

 

Confirm() ๋ฉ”์„œ๋“œ๋Š” ๋ฉ”์„ธ์ง€๋ฅผ ์ถœ๋ ฅํ•˜๊ณ   ํ™•์ธ์€ true ๋ฐ˜ํ™˜ํ•˜๊ณ  ์ทจ์†Œ๋Š” false ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. 

์ ์ ˆํ•œ ์‹คํ–‰๋ฌธ์„ ์ž…๋ ฅํ•ด ์ฃผ์„ธ์š”. 

 

 

 

์—ฌ๋Ÿฌ๋ถ„๋“ค์ด yes๋กœ ๋Œ€๋‹ตํ•˜์‹œ๊ธธ ์›ํ•ฉ๋‹ˆ๋‹ค. 

 

ํ˜„์žฌ ์ด ๊ธ€์„ ๋ณด๋Š” ๋‹น์‹ ์˜ ๋‚˜์œ ๋™์„ฑ์นœ๊ตฌ๊ฐ€ ์ด์„ฑ์นœ๊ตฌ์—๊ฒŒ ๋“ฃ๊ฒŒ ๋  ๋ง์ž…๋‹ˆ๋‹ค. 

 

  C. else if ๋ฌธ

: ๋‘ ๊ฐ€์ง€ ์ด์ƒ์˜ ์กฐ๊ฑด๊ณผ ์ „์ œ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜์ง€ ์•Š์•˜์„ ๋•Œ  elseif ๋กœ ๊ฐ๊ฐ์˜ ์กฐ๊ฑด์— ๋Œ€ํ•ด 

์กฐ๊ฑด์„ ์„ค์ •ํ•˜๊ณ  ๊ทธ์— ๋งž๋Š” ์กฐ๊ฑด์— ํ•ด๋‹นํ•  ๋•Œ ์‹คํ–‰๋ฌธ์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค.  ๋งˆ์ง€๋ง‰์—๋Š” else๋ฌธ์€ ์กฐ๊ฑด๋“ค ์ด์™ธ์—

๋ชจ๋“  ์กฐ๊ฑด์— ๋Œ€ํ•ด ์ฒ˜๋ฆฌ๋ฉ๋‹ˆ๋‹ค. 

 

 

์—ฌ๋Ÿฌ๋ถ„๋“ค์€ ์ž์‹ ์˜ ๋ช‡ ์›”์— ํƒœ์–ด๋‚ฌ๋Š”์ง€๋ฅผ ๋ฌผ์–ด๋ณด๊ณ , 1~12์›”์„ ์–ด๋А ๊ณ„์ ˆ์ธ์ง€ ์ถœ๋ ฅํ•ด ๋ณด์‹œ๋ฉด ๋˜๊ฒ ๋„ค์š”. 

 

  D. ์ค‘์ฒฉif๋ฌธ 

:  ์ผ๋ฐ˜์ ์œผ๋กœ ์ฒ˜์Œ ์กฐ๊ฑด์‹์„ ๋งŒ์กฑํ•ด์•ผ๋งŒ ์ค‘์ฒฉ๋˜๋Š” ๋‚ด๋ถ€์˜ ์กฐ๊ฑด๋ฌธ์„ ๊ฒ€์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์•ˆ์ชฝ์˜ if๋ฌธ์˜ ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์ฒ˜์Œ์˜ ์กฐ๊ฑด์‹์„ ์‹คํ–‰๋ฌธ๋งŒ ์‹คํ–‰ ํ›„ ์ข…๋ฃŒ๋ฉ๋‹ˆ๋‹ค. 

 

 

 

locaton์€ ๋ฌธ์„œ์˜ ์ฃผ์†Œ์™€ ๊ด€๋ จ๋œ window๊ฐ์ฒด ์ž…๋‹ˆ๋‹ค. reload() ๋ฉ”์„œ๋“œ๋ฅผ ํ†ตํ•ด์„œ ์ƒˆ๋กœ๊ณ ์นจ์ด ํ•ด์ค๋‹ˆ๋‹ค. 

ํ•ด๋‹น ๋ฌธ์„œ url์„ ์ƒˆ๋กœ ๊ณ ์นจ์ด ๋ฐœ์ƒํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. 

๊ณ ์ƒ ํ•˜์…จ์Šต๋ฌด๋‹ˆ๋‹น!!  ๊ณ ๋ฌด๊ณ ๋ฌด ์ƒค~

LIST

๊ด€๋ จ๊ธ€ ๋”๋ณด๊ธฐ

๋Œ“๊ธ€ ์˜์—ญ