S04L02 – JavaScript์˜ while ๋ฐ˜๋ณต๋ฌธ

html

JavaScript์—์„œ While Loops ๋งˆ์Šคํ„ฐํ•˜๊ธฐ: ์ข…ํ•ฉ ๊ฐ€์ด๋“œ

๋ชฉ์ฐจ

  1. ์†Œ๊ฐœ
  2. While Loops ์ดํ•ดํ•˜๊ธฐ
    1. While Loop์ด๋ž€?
    2. While Loop vs. For Loop
  3. JavaScript์—์„œ While Loops ๊ตฌํ˜„ํ•˜๊ธฐ
    1. While Loops์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•
    2. ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ์ ๊ณผ ํ•ด๊ฒฐ์ฑ…
  4. ์‹ค์šฉ์ ์ธ ์˜ˆ์ œ
    1. ๋ฐฐ์—ด์„ ํ†ตํ•œ ๋ฐ˜๋ณต
    2. ๋ณ€์ˆ˜ ๋ฒ”์œ„ ๊ด€๋ฆฌ
  5. ์ตœ๊ณ ์˜ ์‹ค์ฒœ ๋ฐฉ๋ฒ•
  6. ๊ฒฐ๋ก 
  7. ์ถ”๊ฐ€ ์ž๋ฃŒ

์†Œ๊ฐœ

"JavaScript์—์„œ While Loops ๋งˆ์Šคํ„ฐํ•˜๊ธฐ: ์ข…ํ•ฉ ๊ฐ€์ด๋“œ."์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค. ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž์ด๋“  ๊ธฐ๋ณธ์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ง€์‹์„ ๊ฐ€์ง„ ์‚ฌ๋žŒ์ด๋“ , ๋ฃจํ”„๋ฅผ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ํšจ์œจ์ ์ด๊ณ  ํšจ๊ณผ์ ์ธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์ด eBook์€ JavaScript์˜ while loop์„ ๊นŠ์ด ์žˆ๊ฒŒ ๋‹ค๋ฃจ๋ฉฐ, ๊ทธ ๋ฌธ๋ฒ•, ์žฅ์ , ๊ทธ๋ฆฌ๊ณ  ๋ณด๋‹ค ์ผ๋ฐ˜์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” for loop๊ณผ์˜ ๋น„๊ต๋ฅผ ํƒ๊ตฌํ•ฉ๋‹ˆ๋‹ค.

์™œ While Loops์ธ๊ฐ€์š”?

๋ฃจํ”„๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜์—ฌ, ๋ฐฐ์—ด์„ ๋ฐ˜๋ณตํ•˜๊ฑฐ๋‚˜ ๋ฐ˜๋ณต์ ์ธ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์ž‘์—…์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ํŠนํžˆ while loops๋Š” ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ๋ฏธ๋ฆฌ ์ •ํ•ด์ง€์ง€ ์•Š์€ ์‹œ๋‚˜๋ฆฌ์˜ค์—์„œ ์œ ์—ฐ์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์žฅ๋‹จ์ 

์žฅ์  ๋‹จ์ 
๋ฐ˜๋ณต ์ž‘์—…์„ ๊ฐ„์†Œํ™” ์ œ์–ดํ•˜์ง€ ์•Š์œผ๋ฉด ๋ฌดํ•œ ๋ฃจํ”„๋กœ ์ด์–ด์งˆ ์ˆ˜ ์žˆ์Œ
์กฐ๊ฑด์— ๋”ฐ๋ฅธ ์œ ์—ฐ์„ฑ ์ œ๊ณต ๊ณ ์ •๋œ ๋ฐ˜๋ณต ํšŸ์ˆ˜์—๋Š” ๋œ ์ง๊ด€์ ์ž„
๋™์  ์กฐ๊ฑด์ด ์žˆ๋Š” ์‹œ๋‚˜๋ฆฌ์˜ค์— ์œ ์šฉํ•จ for loops์— ๋น„ํ•ด ์ฝ๊ณ  ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์Œ

While Loops๋ฅผ ์–ธ์ œ ์‚ฌ์šฉํ• ๊นŒ?

While loops๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒฝ์šฐ์— ์ด์ƒ์ ์ž…๋‹ˆ๋‹ค:

  • ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ๋ฏธ๋ฆฌ ์•Œ๋ ค์ง€์ง€ ์•Š์€ ๊ฒฝ์šฐ.
  • ์กฐ๊ฑด์ด ๋ฃจํ”„์˜ ๊ณ„์† ์‹คํ–‰์„ ๊ฒฐ์ •ํ•˜๋Š” ๊ฒฝ์šฐ.
  • ๋ฃจํ”„์˜ ์‹คํ–‰ ํ๋ฆ„์„ ๋” ์„ธ๋ฐ€ํ•˜๊ฒŒ ์ œ์–ดํ•  ํ•„์š”๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ.

While Loops ์ดํ•ดํ•˜๊ธฐ

While Loop์ด๋ž€?

while loop์€ ์ง€์ •๋œ ์กฐ๊ฑด์ด true๋กœ ํ‰๊ฐ€๋˜๋Š” ๋™์•ˆ ์ฝ”๋“œ ๋ธ”๋ก์„ ๋ฐ˜๋ณต์ ์œผ๋กœ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ์•Œ๋ ค์ง€์ง€ ์•Š๊ณ  ๋Ÿฐํƒ€์ž„ ์ค‘ ๋™์  ์กฐ๊ฑด์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์งˆ ๋•Œ ํŠนํžˆ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ณธ ๊ตฌ์กฐ:

While Loop vs. For Loop

while๊ณผ for loops์€ ์ฝ”๋“œ ๋ธ”๋ก์„ ๋ฐ˜๋ณตํ•˜๋Š” ๋ชฉ์ ์„ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋งŒ, ๊ตฌ์กฐ์™€ ์ผ๋ฐ˜์ ์ธ ์‚ฌ์šฉ ์‚ฌ๋ก€์—์„œ ์ฐจ์ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

ํŠน์ง• While Loop For Loop
์ดˆ๊ธฐํ™” ๋ฃจํ”„ ์ „์— ์ˆ˜ํ–‰๋จ ๋ฃจํ”„ ์„ ์–ธ ๋‚ด์—์„œ ์ˆ˜ํ–‰๋จ
์กฐ๊ฑด ๊ฒ€์‚ฌ ์ฒ˜์Œ์— ์ฒ˜์Œ์—
์ฆ๊ฐ€/๊ฐ์†Œ ์ˆ˜๋™์œผ๋กœ, ๋ฃจํ”„ ๋‚ด์—์„œ ์ž๋™์œผ๋กœ, ๋ฃจํ”„ ์„ ์–ธ์˜ ์ผ๋ถ€๋กœ
์ผ๋ฐ˜์ ์ธ ์‚ฌ์šฉ ์‚ฌ๋ก€ ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ์•Œ๋ ค์ง€์ง€ ์•Š์€ ๊ฒฝ์šฐ ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ๋ฏธ๋ฆฌ ์ •ํ•ด์ง„ ๊ฒฝ์šฐ
๋ฌธ๋ฒ• ๋ณต์žก์„ฑ ๋ณต์žกํ•œ ์กฐ๊ฑด ๋กœ์ง์— ๋” ๋‹จ์ˆœํ•จ ๊ณ ์ •๋œ ๋ฐ˜๋ณต ํšŸ์ˆ˜์— ๋Œ€ํ•ด ๋” ๊ฐ„๊ฒฐํ•จ

JavaScript์—์„œ While Loops ๊ตฌํ˜„ํ•˜๊ธฐ

While Loops์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•

while loop์€ ์„ธ ๊ฐ€์ง€ ์ฃผ์š” ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค:

  1. ์ดˆ๊ธฐํ™”: ๋ฃจํ”„๊ฐ€ ์‹œ์ž‘๋˜๊ธฐ ์ „์— ์ž„์‹œ ๋ณ€์ˆ˜๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
  2. ์กฐ๊ฑด: ๋ฃจํ”„์˜ ๊ณ„์† ์‹คํ–‰ ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค.
  3. ์ฆ๊ฐ€/๊ฐ์†Œ: ๋ฃจํ”„์˜ ์ข…๋ฃŒ์— ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•ด ์ž„์‹œ ๋ณ€์ˆ˜๋ฅผ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ œ:

์ถœ๋ ฅ:

์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ์ ๊ณผ ํ•ด๊ฒฐ์ฑ…

  • ๋ฌดํ•œ ๋ฃจํ”„: ๋ฃจํ”„์˜ ์ข…๋ฃŒ ์กฐ๊ฑด์ด ์ ˆ๋Œ€ ์ถฉ์กฑ๋˜์ง€ ์•Š์„ ๋•Œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

    ํ•ด๊ฒฐ์ฑ…: ๋ฃจํ”„์˜ ์กฐ๊ฑด์ด ๊ฒฐ๊ตญ false๋กœ ํ‰๊ฐ€๋˜๋„๋ก ๋ณด์žฅํ•˜์„ธ์š”. ํ•ญ์ƒ ๋ฃจํ”„ ๋‚ด์—์„œ ๋ฃจํ”„ ๋ณ€์ˆ˜๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์„ธ์š”.
  • ๋ณ€์ˆ˜ ๋ฒ”์œ„ ๋ฌธ์ œ: ๋ฃจํ”„ ๋ณ€์ˆ˜๋ฅผ ๋ถ€์ ์ ˆํ•œ ๋ฒ”์œ„๋กœ ์„ ์–ธํ•˜๋ฉด ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋™์ž‘์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ํ•ด๊ฒฐ์ฑ…: ์ ์ ˆํ•œ ๋ณ€์ˆ˜ ์„ ์–ธ(let ๋˜๋Š” const)์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฒ”์œ„๋ฅผ ์ œํ•œํ•˜๊ณ  ์˜๋„ํ•˜์ง€ ์•Š์€ ๋ถ€์ž‘์šฉ์„ ๋ฐฉ์ง€ํ•˜์„ธ์š”.

์‹ค์šฉ์ ์ธ ์˜ˆ์ œ

๋ฐฐ์—ด์„ ํ†ตํ•œ ๋ฐ˜๋ณต

for loop์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฐ์—ด์„ ๋ฐ˜๋ณตํ•˜๋Š” ์˜ˆ์ œ๋ฅผ while loop์œผ๋กœ ๋ณ€ํ™˜ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

For Loop ์˜ˆ์ œ:

While Loop ๋ณ€ํ™˜:

์„ค๋ช…:

  1. ์ดˆ๊ธฐํ™”: let i = 0;์€ ์‹œ์ž‘์ ์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
  2. ์กฐ๊ฑด: i < names.length;๋Š” i๊ฐ€ ๋ฐฐ์—ด ๋ฒ”์œ„ ๋‚ด์— ์žˆ๋Š” ํ•œ ๋ฃจํ”„๊ฐ€ ์‹คํ–‰๋˜๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
  3. ์ฆ๊ฐ€: i++;๋Š” ๋ฃจํ”„ ๋ณ€์ˆ˜๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ๋‹ค์Œ ์š”์†Œ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

์ถœ๋ ฅ:

๋ณ€์ˆ˜ ๋ฒ”์œ„ ๊ด€๋ฆฌ

๋ฃจํ”„ ๋‚ด ๋ณ€์ˆ˜์˜ ๋ฒ”์œ„๋ฅผ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ๋ฒ„๊ทธ๋ฅผ ๋ฐฉ์ง€ํ•˜๋Š” ๋ฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

๋ณ€์ˆ˜ ๋ฒ”์œ„ ๋ฌธ์ œ:

๊ฒฐ๊ณผ:

๋‘ ๋ฒˆ์งธ ๋ฃจํ”„๋Š” i๊ฐ€ ์ด๋ฏธ 5์ด๊ธฐ ๋•Œ๋ฌธ์— ์‹คํ–‰๋˜์ง€ ์•Š๊ฑฐ๋‚˜, ๋…ผ๋ฆฌ์— ๋”ฐ๋ผ ์˜๋„์น˜ ์•Š์€ ๋™์ž‘์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ์ฑ…: ๋ฃจํ”„ ๋ณ€์ˆ˜๋ฅผ ์ ์ ˆํžˆ ์žฌ์ดˆ๊ธฐํ™”ํ•˜๊ฑฐ๋‚˜ ๋ฆฌ์…‹ํ•˜์„ธ์š”.

์ถœ๋ ฅ:


์ตœ๊ณ ์˜ ์‹ค์ฒœ ๋ฐฉ๋ฒ•

  1. ํ•ญ์ƒ ๋ฃจํ”„ ๋ณ€์ˆ˜๋ฅผ ์ดˆ๊ธฐํ™”ํ•˜์„ธ์š”: ๋ฃจํ”„์— ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ๋ฃจํ”„ ๋ณ€์ˆ˜๊ฐ€ ์ ์ ˆํžˆ ์ดˆ๊ธฐํ™”๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š”.
  2. ๋ฃจํ”„ ์ข…๋ฃŒ๋ฅผ ์ œ์–ดํ•˜์„ธ์š”: ๋ฌดํ•œ ๋ฃจํ”„๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ฃจํ”„๋ฅผ ์ข…๋ฃŒํ•  ์กฐ๊ฑด์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ •์˜ํ•˜์„ธ์š”.
  3. ์„ค๋ช…์ ์ธ ๋ณ€์ˆ˜ ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜์„ธ์š”: ์˜๋ฏธ ์žˆ๋Š” ๋ณ€์ˆ˜ ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋“œ ๊ฐ€๋…์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค์„ธ์š”.
  4. ๋ณ€์ˆ˜ ๋ฒ”์œ„๋ฅผ ์ œํ•œํ•˜์„ธ์š”: let ๋˜๋Š” const๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ๋ฃจํ”„ ๋‚ด๋กœ ์ œํ•œํ•˜๊ณ  ์˜๋„ํ•˜์ง€ ์•Š์€ ์กฐ์ž‘์„ ๋ฐฉ์ง€ํ•˜์„ธ์š”.
  5. ๊ณ ์ •๋œ ๋ฐ˜๋ณต์—๋Š” for loops๋ฅผ ์„ ํ˜ธํ•˜์„ธ์š”: ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ์•Œ๋ ค์ง„ ๊ฒฝ์šฐ, for ๋ฃจํ”„๊ฐ€ ๋” ๊ฐ„๊ฒฐํ•˜๊ณ  ์ฝ๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.

๊ฒฐ๋ก 

JavaScript์—์„œ while loops์„ ๋งˆ์Šคํ„ฐํ•˜๋ฉด ๋ฐ˜๋ณต ํšŸ์ˆ˜๊ฐ€ ๋ฏธ๋ฆฌ ์ •ํ•ด์ง€์ง€ ์•Š๊ณ  ์กฐ๊ฑด์ด ๋ฃจํ”„ ์‹คํ–‰์„ ์ขŒ์šฐํ•˜๋Š” ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. While loops์€ ์œ ์—ฐ์„ฑ๊ณผ ์ œ์–ด๋ ฅ์„ ์ œ๊ณตํ•˜์—ฌ ๋™์  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ƒํ™ฉ์—์„œ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋ฃจํ”„ ๋ณ€์ˆ˜์™€ ์กฐ๊ฑด์„ ์‹ ์ค‘ํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜์—ฌ ์ฝ”๋“œ ํšจ์œจ์„ฑ์„ ์œ ์ง€ํ•˜๊ณ  ๋ฌดํ•œ ๋ฃจํ”„์™€ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๋ฐฉ์ง€ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

while๊ณผ for loops์˜ ์ฐจ์ด๋ฅผ ์ดํ•ดํ•˜๊ณ  ์ตœ๊ณ ์˜ ์‹ค์ฒœ ๋ฐฉ๋ฒ•์„ ๊ตฌํ˜„ํ•จ์œผ๋กœ์จ, ๋” ํšจ๊ณผ์ ์ด๊ณ  ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์šฉ์ดํ•œ JavaScript ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

SEO ํ‚ค์›Œ๋“œ: while loops in JavaScript, JavaScript loop examples, for loop vs while loop, JavaScript iteration, JavaScript programming, loop variable scope, preventing infinite loops, JavaScript best practices


์ถ”๊ฐ€ ์ž๋ฃŒ

์ฐธ๊ณ : ์ด ๊ธฐ์‚ฌ๋Š” AI์— ์˜ํ•ด ์ƒ์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.






Share your love