본문 바로가기
블록체인교육/웹프로그래밍

[JS] 11. 반복문에 대하여

by Danny_Kim 2020. 10. 13.

🔑 100배 수익 경험자의 노하우가 담긴 치트키 공개 🔑

  1. 네이버, 카카오 임직원들이 듣고 있는 비트코인 강의
  2. 아무도 알려주지 않은 비트코인, 이더리움의 리스크
  3. 블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치
  4. 천배 수익이 가능한 디파이(DeFi), 코인 생태계 지도
  5. 토큰 제작, 1억 연봉의 블록체인 개발자로 거듭나자!

자바스크립트 강의 목차

0. 자바스크립트란 무엇인가?

1. Script 태그 (document.write)

2. 자바스크립트 이벤트란 무엇인가?

3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기

4. 데이터 타입 문자열과 숫자

5. 변수와 대입연산자

6. 자바스크립트로 웹브라우저 제어하기

7. 비교연산자, Boolean 데이터타입

8. 자바스크립트 조건문 및 활용법

9. 리팩토링(refactoring)

10. 배열에 대한 이해

11. 반복문에 대하여

12. 배열과 반복문

13. 배열과 반복문의 활용

14. 함수란 무엇이고 왜 필요한가?

15. 함수의 기본사용법, 매개변수, 인자, 리턴

16. 함수의 활용

17. 객체는 왜 필요한가?

18. 객체란 무엇인가?(객체 생성, 추가, 추출방법)

19. 객체의 활용

20. 파일로 쪼개어 관리하기

21. 라이브러리와 프레임워크

22. API & UI 그리고 프로젝트 활용도구

 


 

이번시간에는 반복문에 대하여 살펴보겠습니다.

 

먼저 아래와 같이 작성하였습니다.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>Loop</h1>
    <ul>
      <script>
        document.write('<li>1</li>');
        document.write('<li>2</li>');
        document.write('<li>3</li>');
        document.write('<li>4</li>');
      </script>
    </ul>

  </body>
</html>

 

결과는 아래와 같은데요.

그냥 일반적인 html, 그리고 javascript로 작성된 문서입니다.

그런데 필요에 따라서 아래와 같이 작성이 필요하다고 해봅시다.

결과는 우리가 예상한대로 아래와 같이 나오겠지요.

그렇지만, 저렇게 복사해서 붙여넣기 하는게 왠지 프로그래밍과는 거리가 멀어보이네요!!

 

이럴때 사용하는게 반복문입니다.

그럼 반복문을 사용해서 2,3을 3번 자동으로 반복해서 출력하는걸 작성해보겠습니다.

 

    <h1>Loop</h1>
    <ul>
      <script>
        document.write('<li>1</li>');
        var i = 0; // 반복문을 위한 i 변수 값
        // i의 값이 3보다 작으면, 즉 3번 반복후 종
        while(i < 3){
          document.write('<li>2</li>');
          document.write('<li>3</li>');
          i = i + 1; // i 의 값을 하나씩 증가.
        }
        document.write('<li>4</li>');
      </script>
    </ul>

while () 안은 결과가 참이면 계속 반복하고 결과가 false이면 반복을 멈춥니다.

즉, while() 안에 어떠한 조건을 걸면, 해당하는 조건이 만족할때까지 반복합니다.

 

실행을 하면 결과는 아래와 같습니다.

아래 그림의 예시와 같이, while문의 대괄호{} 안에 있는 코드가 세번 반복되어서 왼쪽의 결과를 출력하게 됩니다.

 

 

본 강의안은 생활코딩 강의안을 바탕으로 재작성하였습니다.

opentutorials.org/course/3085/18827

🔑 100배 수익 경험자의 노하우가 담긴 치트키 공개 🔑

  1. 네이버, 카카오 임직원들이 듣고 있는 비트코인 강의
  2. 아무도 알려주지 않은 비트코인, 이더리움의 리스크
  3. 블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치
  4. 천배 수익이 가능한 디파이(DeFi), 코인 생태계 지도
  5. 토큰 제작, 1억 연봉의 블록체인 개발자로 거듭나자!

댓글