기본미션 - p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
const x = 15;
if(x > 10){
if(x < 20){
console.log('조건에 맞습니다.')
}
}
if (x > 10 && x < 20){
console.log('조건에 맞습니다.')
}
</script>
</body>
</html>
<결과값>
const x = 15 를 만들어준 뒤 코드를 작성.
2가지 모두 True값이어야 하기 때문에 논리연산자 && 를 이용해 두 값이 모두 true여야 true를 리턴하도록 만들어줬다.
선택미션 - p.152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡쳐하기
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
const rawInput = prompt('태어난 해를 입력해주세요', '')
const year = Number(rawInput)
const e = year % 12
let result
if (e === 0) { result = '원숭이' }
else if ( e === 1) { result = '닭' }
else if ( e === 2) { result = '개' }
else if ( e === 3) { result = '돼지' }
else if ( e === 4) { result = '쥐' }
else if ( e === 5) { result = '소' }
else if ( e === 6) { result = '호랑이' }
else if ( e === 7) { result = '토끼' }
else if ( e === 8) { result = '용' }
else if ( e === 9) { result = '뱀' }
else if ( e === 10) { result = '말' }
else if ( e === 11) { result = '양' }
alert(`${year}년에 태어났다면 ${result}띠 입니다.`)
</script>
</body>
</html>벌써 불편하게 생긴 코드...
<결과>
+) 153페이지의 split 활용 코드도 작성해보기로
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
const rawInput = prompt('태어난 해를 입력해주세요', '')
const year = Number(rawInput)
const tti = '원숭이,닭,개,돼지,쥐,소,호랑이,토끼,용,뱀,말,양'.split(',')
alert(`${year}년에 태어났다면 ${tti[year % 12]}띠 입니다.`)
</script>
</body>
</html>결과값을 위에랑 동일하다. 처음에 tti 배열에 반점을 찍고 한칸씩 띄었는데 그러면 결과값에도 한칸씩 띄어쓰기가 되더라 ... 저렇게 붙어서 글 적히는걸 안좋아하는데 붙어있는 상태 구경해야한다 (와!)
Chapter 03 강의노트
if 조건문
if 조건문
if (불 값이 나오는 표현식) {
불 값이 참일때 실행할 문장
}
// true일 경우 조건문을 실행, false일 경우 문장을 무시함if else 조건문
if(불 값이 나오는 표현식){
불 값이 참일 때 실행할 문장
} else {
불 값이 거짓일 때 실행할 문장
}
// true일 경우 if 조건문을 실행 false일 경우 else문 실행if else if 조건문
줄 맞춤이 되어야 보기가 편하다... 벨로그 완성형 코드가 아니면 보기 조금 힘든 느낌 ^.ㅜ
중첩 조건문
같은 이유로 캡쳐해온 중첩 조건문 예시
switch 조건문
switch (자료) {
case 조건1:
break
case 조건2:
break
default: // 생략가능
break
}위에서부터 조건이 참인지 확인하고 참이면 해당 case에서 멈추고, 거짓이면 다음 case로 넘어간다. 모든 case가 거짓일 경우 default가 출력된다.
조건부 연산자
불 표현식 ? 참일때 : 거짓일때
p.146
const result = (number >= 0 ? '0 이상의 숫자입니다.' : '0보다 작은 숫자입니다.'솔직히 말하면 생전 처음보는 표현식이었다... 이런 표현식도 있구나 정도로 넘어가도 될 빈도인걸까? 여태 한번도 사용해보지 않아서 신기했다.
짧은 조건문 - 논리합 연산자 활용
불 표현식 || 거짓일 때 실행문장
불 표현이 true를 반환하면 true값을, 불 표현이 false를 반환하면 오른쪽 실행문이 출력된다.
false값 && true일 때 실행문장
조건부 연산자는 실제로 사용빈도는 낮은 것 같다. 사실 여태 코드 적어보면서 한번도 본 적 없었기 때문.. if문을 너무 압도적으로 많이 사용해서 그럴 것 같다.
