조건문 연습1
<!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>
<script>
const date = new Date()
const hours = date.getHours()
if(hours < 12){
alert(`현재시간은 ${hours} 그래서오전입니다.`)
}
if(hours >= 12 ){
alert("오후입니다.")
}
</script>
</body>
</html>
조건문에 템플릿 문자열을 쓰게된다면 백틱( ` ) 인 기호로 감싸야한다.
용어정리
const 상수를 만드는과정 (선언) 이라고함
결과

현재시간은 오후5시 이기때문에 오후입니다로 뜨게된다.
조건문 연습2
<!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>
<script>
const date = new Date()
const hours = date.getHours()
if(hours < 11){
alert("아침식사 시간입니다.")
}else{
if(hours <= 17 ){
alert("점심식사 시간입니다.")
}else{
alert("저녁식사 시간입니다.")
}
}
</script>
</body>
</html>
조금더응용해서 아침 점심 저녁으로 나누어보았다
a<11 은 아침 11 < a <17 은 점심 17<a 저녁으로 설정해보았다
결과

현재시간은 오후5시 조금넘었기때문에 저녁식사시간으로 나오는것을 볼수있었다

상수는 한번만 선언할수있으므로 선언할때 값을 지정해주어야 하는데 지정하지 않았기때문에 나타나는 오류로 상수를 선언할때 값을 지정해주면 오류가 해결

한번 선언된 상수는 변경할수 없는데 만약 값을 변경하면 다음과같은 오류가 발생되어진다
이경우 상수가아니라 변수를 만들어서 해결이 가능하다.
선언을할때 ${hours} 이 제대로 안되었던점이 있어서 어려웠었다
책을 참조하여 이런경우 "" 가아닌 백틱( ` )을 사용해서 해결이 가능했다.
조건문을 다시해보면서 수학적사고가 필요한것을 알게되었고 더 익숙해지도록 여러번 만져봐야할거같다,.