카테고리 없음

[새싹 프론트엔드] JS 조건문과 반복문

🔧🔨🛠 블로그 이전 준비 중입니다 🔧🔨🛠 2022. 11. 6. 19:34

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것.
근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

조건문과 반복문

01 조건문

조건문이란?

조건을 검사하여 참인지 거짓인지에 따라 서로 다른 작업(코드)을 실행

  • 자바스크립트의 조건문 → 다른언어에도 다 있음.
    • if-else
      • if문
      • 조건식이 참이면 실행문을 실행한 후 if문을 벗어남 조건식이 거짓이면 바로 if문을 벗어남
      • if-else문 → ex) 로그인 시 맞으면 if문 실행. 만약 틀리면? → 친절하게 else 달아주기. 아이디 비밀번호를 다시 확인해주세요 등. 안 그럼 아무 반응이 없음.
        • 조건식이 참인 경우와 거짓인 경우에 다른 코드를 실행
        •  
      • 다중 if-else 문 - 조건이 여러 개일 때 처리하는 법
        • if-else를 연속 작성하여 각 조건에 맞는 코드를 실행
      • [실습] if-else 사용prompt 특 ) 문자열로 들어옴. → 숫자입력시 숫자로 바꿔주어야 함. paseInt()는 문자열을 숫자로 바꾸는 함수.prompt(”질문”, 초기값)
        • 사용자로부터 입력 받은 값을 리턴
        • 입력받은 값의 데이터 타입 = string (문자열)
          • 사용자가 입력한 100 → “100”
        • var Score - prompt(”질문”, 초기값)
        • console.log(score) → “100”
        • parseInt(”문자열”) -필수는 아니지만 권장.
          • 문자열 → 숫자 타입 변환
        • score = parseInt(score); → 변수를 쓸데없이 많이 만들 필요는 없음. 그만큼 자리 차지하기에 컴퓨터 문제생길지도.
        ** 변수는 최상단에 올려서 선언하기. 그래야 같이 하기 좋음.
      • 첫째 매개변수는 필수(메시지), 두번째 매개변수는 기본값임.
      • prompt() 함수, → 사용자에게 입력 받는 → js코드로 전해질 것임. 확인 누르는 순간 js로 올거임. 값을. 변수 만들어 저장해줌.
    • ** if문 안에 if문 가능.
    • switch - 불리언 아닌 다양한 값 나올 때 씀.
      • [실습] switch 문
      • case 문의 ‘값’ → 다 가능. but 변수 이름은 안됨. !! 식이랑!! ** 반드시 값이 와야 함. 실제 데이터
        • case 문의 ‘값’은 상수만 가능
        • case 문의 ‘값’에 변수나 식은 사용 불가
      • switch에서 break의 역할
        • switch 종료 - break 없으면 안 됨. break 굉장히 중요
          • break를 만날 때까지 코드 계속 실행
          • braek 안넣어도 되는 경우 있음.
      • else같은 default:
    • 값에 따라 서로 다른 코드를 실행. (조건에 대한 결과 값에 따라. true, false가 아니라. 케이스 수 제한 없음. )(조건식 → 계산값이 나옴.) 그 값에 따라 케이스 나뉘고 결과 달라짐. 중괄호 여닫는거 x. 콜론 찍어줘야 함.

02 반복문 - 조건문보다 조금 더 어려움.

for 이나 while 중 뭘 쓸지는 개발자인 본인이 결정하는 것. 근데 보통 while은 반복 횟수 알 수 없을 때, for 은 반복 횟수 알 때 주로 씀.

  • for문 - 반복횟수를 알 때 쓰는 것.
    • 조건식이 true인 동안 작업문을 반복하여 실행
    • 조건식의 결과가 false이면 for문을 종료
    • 초기문은 초기 한번만 실행
    • [실습] for문
    • 중첩 for문 - 5*10번. 10번짜리를 5번 하니까. j를 먼저 마무리 짓고 끝나서 다시 상위 ㅂㄴ복문으로 다시 올라감. 실행 다 끝나과 올라가는거니까. 한번 충족되면 10번이나 반복하는거임. 계싼 많이 해야해서 머리 아파들 하는 부분임. **
  • while문 - 반복 하긴 할건데 몇 번 할지 모르겠을 때! (일반적인 사용 케이스가 그럼)
    • 조건식이 true인 동안 작업문을 반복 실행 // 보통 while(true) 라고 박아둠. → 무한 반복. → 탈출코드 작성 필요.
    • 반복 횟수를 알 수 없는 경우 주로 사용 (무한 반복)
  • [실습] while문
  • 나의 코드
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h3>while 문으로 0에서 n까지 합</h3> <hr /> <script> let n = prompt("0보다 큰 정수를 입력하세요."); n = parseInt(n); // let sum = 0; // for (let i = 1; i <= n; i++) { // sum += i; // } let sum = 0, i = 0; while (i <= n) { sum += i; i++; } document.write(`0에서 ${n}까지 합은 ${sum}`); </script> </body> </html>
  • do while문 → while이랑 똑같아! 이름만 봐도 알 수 있듯 do가 붙은 while문임. do? → 일단 문 열고 시작하고 보는 것임. (최소 한번은 실행)
    • 조건식을 검사하여 true인 동안 작업문이 반복 실행
    • 작업문은 최소 한 번은 실행
  • [실습] do-while문
  • break문 - 탈출~
    • 반복문을 종료하고 빠져나옴
    • 여러개의 반복문으로 중첩된 경우, 현재 반복문 하나만 빠져나옴
  • [실습] break문
    • 1에서 얼마까지 더해야 3000을 넘는가?
      • while(true)와 break문을 이용하여 코드를 작성 (if도 줘야 함. 3000 넘으면break 주면 됨)
  • continue문 - break 를 주로 씀. 차이만 알면 됨. 다음 코드 남았는데요? ‘신경쓰지 말고 다음 반복 하세요’’ → 이게 continue
    • 반복 코드 실행을 중단하고, 다음 반복으로 점프
  • [실습] continue문

 

'새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 2주차 블로그 포스팅'

저작자표시