[혼공JS] 2주차

13기 혼공단(js)

[혼공JS] 2주차

dltjdud 2025. 1. 19. 20:19

진짜 힘든 한주지만 혼공단 2주차도 굳

if 조건문

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

if else 조건문

if(boolean 값이 나오는 표현식) {
	boolean 값이 참일 때 실행할 문장
} else {
	boolean 값이 거짓일 때 실행할 문장
}

중첩 조건문

if(boolean 값이 나오는 표현식 1) {
	boolean(boolean 값이 나오는 표현식 2) 값이 참일 때 실행할 문장
	if {
		표현식 2가 참일 때 실행할 문장
	} else {
    	표현식 2가 거짓일 때 실행할 문장
	}
} else {
	if(boolean 값이 나오는 표현식 3) {
		표현식 3가 참일 때 실행할 문장
	} else {
    	표현식 3가 거짓일 때 실행할 문장
	}
}

if else if

if(boolean 표현식) {
	문장
} else if(boolean 표현식) {
    문장
} else if(boolean 표현식) {
	문장
} else {
	문장
}

switch

swutch(자료) {
	case 조건A:
    	break
	case 조건B:
    	break
	default: // 생략가능
    	break
}

조건부 연산자

boolean 표현식 ? 참일 때의 결과 : 거짓일 때의 결과

// 삼항 연산자

짧은 조건문

논리합 연산자를 사용한 짧은 조건문

true || OOO

> true || console.log('실행될까요?')
true

> flase || console.log('실행될까요?')
실행될까요?
undefined

boolean 표현식 || boolean 표현식이 거짓일 때 실행할 문장

논리곱 연산자를 사용한 짧은 조건문

false && OOO

결과가 거짓인 boolean 표현식 || boolean 표현식이 참일 때 실행할 문장

누적예제

짝수와 홀수 구분하기

<html>
<head>
    <title>if else 조건문으로 짝수롸 홀수 구분하기(2)</title>
</head>
    <script>
        const 입력 = prompt('정수를 입력해주세요.', '')
        const 숫자 = 입력[입력.length - 1]
        
        if(숫자 % 2 === 0) {
            alert('${입력}은 짝수입니다.')
        } else {
            alert('${입력}은 홀수입니다.')
        }
    </script>
<body>
</body>
</head>
</html>

학점을 기반으로 별명 붙여주기

<html>
<head>
    <title>중첩 조건문 사용하기(2)</title>
</head>
    <script>
        const score = Number(prompt('학점을 입력해주세요.', '학정'))
        if(score === 4.5) {
            alert('신')
        } else if(4.2 <= score) {
            alert('교수님의 사랑')
        } else if(3.5 <= score) {
            alert('현 체제의 수호자')
        } else if(2.8 <= score) {
            alert('일반인')
        } else if(2.3 <= score) {
            alert('일탈을 꿈꾸는 소시민')
        } else if(1.75 <= score) {
            alert('오락문화의 선구자')
        } else if(1.0 <= score) {
            alert('불가촉천민')
        } else if(0.5 <= score) {
            alert('자벌레')
        } else if(0 <= score) {
            alert('플랑크톤')
        } else {
            alert('시대를 앞서가는 혁명의 씨앗')
        }
    </script>
<body>
</body>
</head>
</html>

태어난 연도를 입력받아 띠 출력하기

<html>
<head>
    <title>태어난 연도를 입력받아 띠 출력하기</title>
</head>
    <script>
        const rawInput = prompt('태어난 해를 입력해주세요.', '')
        const year = Number(rawInput)
        const tti = '원숭이, 닭, 개, 돼지, 쥐, 소, 호랑이, 토끼, 용, 뱀, 말 ,양'.split(',')

        alert(`${year}년에 태어났다면 ${tti[year % 12]} 띠입니다.`)
    </script>
<body>
</body>
</head>
</html>

+ git https://github.com/dltjdud-0225/13gi_hongong_js.git

기본 미션

p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기