JavaScript 입문 4일차

이제 4일차에 접어들었다. 3일차까지 개념공부에 가까운 공부를 하였지만 이제 본격적으로 코딩같은 조건문을 공부하게 되었다. 3일동안 코딩 겉만 핥다가 약간 찍먹을 한 기분이다. 조건문의 개념과 사용법을 공부하고 간단한 코딩을 진행해보았다. 정말 작은 한걸음 이지만 뭔가 새로운 분야에 들어온 것 같아 뿌듯한 느낌이다. 아직 난관에 부딫치지 않아서 그런 기분일지 모르지만 계속 해나가야겠지.

21/05/13 JavaScript 공부 요약

1. if 조건문

• 사용법

if(불 값이 나오는 표현식) {
   표현식이 true 일 때 실행할 문장
  }

• 사용예제

<script>
  if (10 < 20) {
    alert('10 < 29 = true') // (10 < 20) 이 true 이므로 alert을 실행한다.
  }

//프로그램 종료
alert('종료합니다.') //위의 alert 이후에 실행된다.
</script>

위의 예시에서 만약 (29 < 10) 같이 false 값을 넣으면

<script>
  if (29 < 10) {
    alert('29 < 10 = true') // (29 < 10) 이 false 이므로 alert을 실행하지 않는다.
  }

//프로그램 종료
alert('종료합니다.') //위의 alert이 실행되지 않으므로 바로 '종료합니다.' 를 실행한다.
</script>

위와 같이 if 뒤의 () 안에 조건의 true 이면 실행 되고 false 이면 실행하지 않는다.

2. if else 조건문

• 사용법

if(불 값이 나오는 표현식) {
   표현식이 true 일 때 실행할 문장
  } else {
   표현식이 false 일 때 실행할 문장
  }

• 사용예시

<script>
  //if else 조건문을 활용한 간단한 오전 오후 구분하기 입니다.
    const date = new Date()
    const hour= date.getHours() //날자와 시간에 대한 상수를 선언해줍니다.
    
    if (hour < 12) {
        alert('오전 입니다.') //현재 시간이 오후 12시 보다 적으면 'true' 이므로 실행합니다.
    }
    else {
        alert('오후 입니다.') //위의 조건이 'false'에 해당하는 상황일 때 실행합니다.
    }
</script>

3. 중첩 조건문

• 사용법:

if(불 값이 나오는 표현식 1) {
  if(불 값이 나오는 표현식 2) {
    표현식 2가 'true' 일 때 실행할 문장
  } else {
    표현식 2가 'false' 일 때 실행할 문장
  }
} else {
  if(불 값이 나오는 표현식 3) {
    표현식 3이 'true' 일 때 실행할 문장
  } else {
    표현식 3이 'false' 일 때 실행할 문장
  }
}  

• 사용예시

<script>
    const age = prompt ('나이를 입력해주세요', '')
	//어제 배운 prompt 를 활용하여 나이를 사용자에게 입력받습니다.
    
    if (Number(age) < 35) {
        alert ('청년 입니다.') // 입력받은 값이 35 미만이면 실행합니다.
    } else {
        if (Number(age) < 65) {
            alert('중년 입니다.') //입력받은 값이 35 같거나 크고 65 미만 이면 실행합니다.
        } else {
            alert('노년 입니다.') //위의 표현식 1,2 모두 false 가 되는 65 이상의 값일 때 실행합니다.
        }
    }
</script>

4. if else if 조건문

• 사용법 : 3가지 이상 조건을 이용할 때 사용한다.

if (불 값이 나오는 표현식 1) {
    표현식 1 이 'true' 일 때 실행할 문장
  } else if (불 값이 나오는 표현식 2) {
    표현식 2가 'true' 일 때 실행할 문장
  } else if (불 값이 나오는 표현식 3) {
    표현식 3이 'true' 일 때 실행할 문장
  } else if (불 값이 나오는 표현식 4) {
    표현식 4이 'true' 일 때 실행할 문장
  } else {
    위의 조건들이 모두 'false' 일 때 실행할 문장
  }

• 사용예시

<script>
    const age = prompt ('나이를 입력해주세요', '')
    //위의 예시와 같이 사용자로 부터 나이를 입력받는다.
    if (Number(age) < 8) {
        alert ('미취학 아동') // 8 미만의 값을 입력받으면 실행한다. 
    } else if (Number(age) < 14) {
            alert('초등학생') // 7 < age < 14 의 값을 입력받으면 실행한다.
        } else if (Number(age) < 17) {
            alert('중학생') // 13 < age < 17 의 값을 입력받으면 실행한다.
        } else if (Number(age) < 20) {
            alert('고등학생') // 16 < age < 20 의 값을 입력받으면 실행한다.
        } else {
            alert ('성인') // 20 <= 의 값을 입력받으면 실행한다.
        }
</script>

이렇게 오늘은 if 조건문과 if else 조건문 그리고 if else if 조건문 을 공부하였다. 연습삼아 사용예시를 조건문을 활용하여 만들어보았다. 아주 간단한 프로그램이지만 뭔가 입력되고 구동되는 모습에서 꽤 재미를 느낄 수 있다.