2주차를 정리하는 시점이 되었다.
2주차는 조건문의 기본 개념과 조건문을 좀 더 맛있게(?) 활용하는 방법을 맛보기 느낌으로 배웠다.
책을 통해 배우는 것도 있지만, 페이스북 스터디 그룹에서 다른 사람들의 블로그를 구경하면서 배우게 되는 것도 많았다.
다음에 다른 공부를 할 때 참고할만한 좋은 리소스를 얻을 수 있었고, 느슨해지지 않기 위한 동기부여도 많이 된 것 같다.
오늘도 1byte 성장해보자!
(공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.)
기본 미션
p.139의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기
문제: 중첩 조건문은 2장에서 배운 논리 연산자를 적용해 하나의 if 조건문으로 만들수 있습니다. 빈칸에 어떤 논리 연산자가 들어가야 할까요?
if (x > 10) {
if (x < 20) {
console.log('조건에 맞습니다.')
}
}
if (x > 10 ('빈칸') x < 20) {
console.log('조건에 맞습니다.')
}
정답: &&
풀이: 10 초과 20 미만이라는 조건을 동시에 만족시켜야 하므로 논리곱 연산자(&&)를 사용한다.
완전한 코드
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<script>
const x = Number(prompt('확인할 숫자를 입력하세요'))
console.log(`입력받은 숫자(x) = ${x}`)
if (x > 10) {
if (x < 20) {
console.log('조건에 맞습니다.')
}
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<script>
const x = Number(prompt('확인할 숫자를 입력하세요'))
console.log(`입력받은 숫자(x) = ${x}`)
if (x > 10 && x < 20) {
console.log('조건에 맞습니다.')
}
</script>
</head>
<body>
</body>
</html>
실행결과
선택 미션
p.152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡처하기
조건문만으로 구현한 지저분한 코드
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<script>
const input = Number(prompt('태어난 해를 입력해주세요'))
const e = input % 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
result = '양'
alert(`${input}년에 태어났다면 ${result}띠 입니다`)
</script>
</head>
<body>
</body>
</html>
split()으로 문자열을 잘라 사용한 코드
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<script>
const input = Number(prompt('태어난 해를 입력해주세요'))
const tti = '원숭이,닭,개,돼지,쥐,소,호랑이,토끼,용,뱀,말,양'.split(',')
alert(`${input}년에 태어나셨다면 ${tti[input % 12]}띠입니다`)
</script>
</head>
<body>
</body>
</html>
본인의 띠 출력한 화면 캡처하기
2주차 미션은 이렇게 마무리하면 될 것 같다. 간단하면서도 기본적인 내용들을 복습할 수 있는 미션이었다.
3주차도 화이팅 해보자!
'혼공학습단 11기(完)' 카테고리의 다른 글
| [혼공스] 04 - 2 '반복문' 정리 (0) | 2024.01.14 |
|---|---|
| [혼공스] 04 - 1 '배열' 정리 (0) | 2024.01.13 |
| [혼공스] 03 - 2 정리 (0) | 2024.01.12 |
| [혼공스] 03 - 1 정리 (1) | 2024.01.11 |
| [혼공스] 02 - 3장 연습문제 풀이 (1) | 2024.01.10 |
