자바스크립트 반복문(루프) while문 연습하기

 

 

자바스크립트 반복문 루프에 대해서 연습해 보겠습니다 루프는 동일한 행위에 대해서 반복하는 것입니다 (여기서는 while문을 이용합니다) 구글은 검색결과를 보여주기 위해 '루프'를 사용합니다. 소프트웨어 중 루프기능이 들어 있지 않은 것은 없다고 봐도 됩니다.

 

 

이제 루프반복문을 이용한 코드를 작성해 보겠습니다. 기존의 모든 코드를 삭제하고 ' numbers'를 아이디로 비어있는 div를 넣습니다.  웹페이지에 1부터 50까지의 숫자를 출력하는 간단한 루프를 만들어 보겠습니다.

 

루프를 돌리게 되면 해당숫자의 값이 일정범위 내에서 바뀌면서 입력되는 '변수'가 필요합니다. 변수라는 것은 숫자나 일정한 문자를 담는 도구라고 보시면 됩니다. 변수는  'var'로 표시합니다. 

 

 

var   number = 1 

 

위 코딩의 의미는 'number'라는 변수를 만들고 값을 1로 설정한다는 뜻입니다.   whlil문을 이용한 루프는 아래와 같이 코딩할 수 있습니다. 쉽게 말해 변수 number에 들어가는 초기값이 1이고 1부터 시작해서 50까지 같은 작업을 반복하는 것입니다.  숫자 1에서 50가지 웹상에 한 줄씩 간격을 주어 출력하라는 작업을 50번 반복하게 되는 것입니다

 

 

 

 

 

코딩의 논리의 흐름이 이해가 좀 되시나요? 이해가 안된다면 앞의 내용부터 반복하시면 그 흐름이 머리에 자연스럽게 들어 오실겁니다. 포기하지 마시고 화이팅하세요. 

 

위 코딩의 결과를 아래에서 확인하겠습니다 

 

 

 

 

이 숫자가 밑으로 50까지 반복해서 출력됩니다 ( 한번에 올리기엔 너무 길어서 10이하는 생략했습니다)