고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
혼공족장님에 메시지를 보고...
저는 이제 10년차 개발자입니다 C++, JNI, Android, Obeject C 등 Cross Platform 에서 동작하는 Native Engine 을 개발을 하고 있었는데 작년부터 R&R이 딥러닝이 추가 되었습니다. 딥러닝 모델을 만들면서 이를 모든 Client 에 보여주게 만들고 싶은데 Android, iOS 에서 모두 확인할 수 있도록 빠르게 만들 필요성이 있었습니다.
그러다 모든 클라이언트에서 모두 동작하게 해야한다는 요구사항이 있었습니다. 자마린이나 플러터도 고민을 하였었다가 웹을 이용하면 모든 Client(Window, Android, iOS, Mac, Linux)에서 모두 확인 할 수 있으니 웹으로 프로토타입을 만들어 보자라는 생각으로 웹 공부를 시작하였습니다.
본론이 길어졌네요. 살아남기 위해서 공부하고 있습니다...ㅠㅠ
기본 미션
p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷
3. 중첩 조건문은 2장에서 배운 논리 연산자를 적용해 하나의 if 조건문으로 만들수 있습니다. 빈칸에 어떤 논리 연산자가 들어가야 할까요?
if (x > 10) {
if (x < 20) {
console.log('조건에 맞습니다.')
}
}if (x > 10 /*이부분*/x < 20) {
console.log('조건에 맞습니다.')
}
}
풀이
if 조건문에 비교를 위해 비교연산자와 논리 연산자를 활용해 조건을 만들 수 있습니다. 문제 3번은 && 논리곱 연산자를 이용하여서 문제를 해결 할 수 있습니다.
논리 연산자의 종류
모두 참일때 && 연산자 : and 연산자
하나라도 참이면 참인 || 연산자 : or 연산자
참은 거짓으로, 거짓은 참으로 ! 연산자 : not 연산자
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script>
const x = 15;
if (x > 10 && x <20) {
console.log('조건에 맞습니다.')
}
</script>
</head>
<body>
</body>
</html>
출력결과
chrome 에서 f12 눌러 개발자도구에서 Console 출력결과를 확인 할수 있습니다.
선택 미션
p.152의 <태어난 연도를 입력받아 띠 출력하기> 예제 실행하여 본인의 띠 출력한 화면 캡쳐하기
태어난 연도를 입력받아 띠 출력하기
사용자에게 태어난 연도를 입력받아 띠를 출력하는 프로그램을 생각해봅시다. 태어난 연도를 12로 나눈 나머지가 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11일 때 띠동물은 원숭이, 닭, 개, 돼지, 쥐 소, 호랑이, 토끼, 용, 뱀, 말, 양입니다. 현재까지 배운내용만으로 코드를 작성하면 다음과 같습니다.
전체코드
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<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>
</head>
<body>
</body>
</html>출력결과
728x90
반응형
'Developer > 혼공단' 카테고리의 다른 글
| 혼공단 머신러닝+딥러닝 1주차 미션 - Chapter 01 ~ 02 (0) | 2022.02.09 |
|---|---|
| 혼공단 7기 일정 (0) | 2022.02.06 |
| 혼공단 자바스크립트 4주차 미션 - Chapter 05 (0) | 2022.02.02 |
| 혼공단 자바스크립트 3주차 미션 - Chapter 04 (0) | 2022.01.25 |
| 혼공단자바스크립트 1주차 미션 - Chapter 01 ~ 02 (0) | 2022.01.13 |
댓글 영역