Chapter 2-15. 반복문 while(javascript)

2025. 3. 31. 23:36·JavaScript

📌 JavaScript while Loop: 반복문 사용법

반복문은 같은 작업을 여러 번 반복해서 수행할 수 있는 중요한 문법입니다. while문은 그 중 조건이 참인 동안 계속해서 실행되는 반복문입니다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" contect="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>반복문만들기 </title>
    
</head>
<body>
    <script>
    //   let userInput = prompt("숫자를 입력하세요:");

    //     while (userInput != 0) {
    //     document.write("입력한 값은: " + userInput + "<br>");
    //     userInput = prompt("다시 입력하세요:");
    //     }

        while(confirm("반복 실행할까요?")){
            
        }
    </script>
</body>
</html>

📋 while문 기본 구조

while문은 주어진 조건이 참일 동안에 코드를 반복 실행하는 구조입니다. while문은 조건이 불리언 값을 반환하거나 불리언으로 해석될 수 있는 표현식이어야 합니다.

🔹 기본 형식

while (조건) {
    // 반복할 코드
}
  • 조건이 참인 동안, 중괄호 {} 안의 코드가 반복해서 실행됩니다.

📋 while문 사용 예시

🔹 사용자 입력 받기

prompt() 메소드를 이용해 사용자로부터 입력을 받고, 입력값이 0이 아닐 때까지 반복합니다.

✅ 예시 코드

let userInput = prompt("숫자를 입력하세요:");

while (userInput != 0) {
    document.write("입력한 값은: " + userInput + "<br>");
    userInput = prompt("다시 입력하세요:");
}

 

  • 사용자가 0을 입력할 때까지 while문이 반복됩니다.

🚩 정리

  • while문은 조건이 참일 동안 반복을 계속하는 구조로, 주로 조건을 계속 검사해야 할 때 사용합니다.
  • 입력 값을 처리하거나 조건 기반 반복 작업에 적합합니다.

while문을 사용하여 반복문을 제어하고, 반복 작업을 수행하는 방법을 익히는 것이 중요합니다. 😊


이제 while 반복문의 기본 사용법을 마스터하여, 자바스크립트에서 조건 기반 반복을 자유롭게 활용할 수 있습니다! 👨‍💻🎉

'JavaScript' 카테고리의 다른 글

Chapter 3-18. 함수 정의하고 호출하기(javascript)  (0) 2025.04.01
Chapter 2-16. createElement & appendChild(javascript)  (0) 2025.03.31
Chapter 2-11. DOM 메소드 및 속성(javascript)  (0) 2025.03.31
Chapter 2-14. 반복문 for(javascript)  (0) 2025.03.31
Chapter 2-13. 조건문(javascript)  (0) 2025.03.31
'JavaScript' 카테고리의 다른 글
  • Chapter 3-18. 함수 정의하고 호출하기(javascript)
  • Chapter 2-16. createElement & appendChild(javascript)
  • Chapter 2-11. DOM 메소드 및 속성(javascript)
  • Chapter 2-14. 반복문 for(javascript)
Chansman
Chansman
안녕하세요! 코딩을 시작한 지 얼마 되지 않은 초보 개발자 찬스맨입니다. 이 블로그는 제 학습 기록을 남기고, 다양한 코딩 실습을 통해 성장하는 과정을 공유하려고 합니다. 초보자의 눈높이에 맞춘 실습과 팁, 그리고 개발하면서 겪은 어려움과 해결 과정을 솔직하게 풀어내려 합니다. 함께 성장하는 개발자 커뮤니티가 되기를 바랍니다.
  • Chansman
    찬스맨의 프로그래밍 스토리
    Chansman
  • 전체
    오늘
    어제
    • 분류 전체보기 (807)
      • Python (32)
      • 프로젝트 (116)
      • 과제 (25)
      • Database (40)
      • 멘토링 (11)
      • 특강 (37)
      • 기술블로그 (42)
      • 기술블로그-Fastapi편 (33)
      • 기술블로그-Django편 (154)
      • 기술블로그-Flask편 (36)
      • AI 분석 (5)
      • HTML & CSS (31)
      • JavaScript (17)
      • AWS_Cloud (21)
      • 웹스크래핑과 데이터 수집 (14)
      • Flask (42)
      • Django (77)
      • Fastapi (16)
      • 연예 (14)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    뷔
    btsreunion
    btsdischarge
    classaction
    btsjungkook
    bts
    chinanightlife
    lawsuitculture
    global politics
    gpterror
    smartphonedurability
    travel ban
    titaniumcase
    basalcellcarcinoma
    college reunions
    youngprofessionals
    americaparty
    urbantrends
    hotcoffeecase
    RM
    trumpmuskclash
    chatgpterror
    remittance
    americanlaw
    life reflection
    newpoliticalparty
    btscomeback
    livebroadcast
    self-growth
    homebartrend
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Chansman
Chapter 2-15. 반복문 while(javascript)
상단으로

티스토리툴바