▶자료형 : 자료의 종류
▶문자를 표현할 때 : 문자열 자료형 사용
▶숫자를 표현할 때 : 숫자열 자료형 사용
▶참 거짓을 표현할 때 : 불 자료형 사용
▶확인문제
1. 다음 연산자들의 피연산자가 어떤 자료형인지 적어라.
연산자 | 피연산자 자료형 |
+(문자열 연결 연산자) | 문자열 |
+(덧셈 연산자) | 숫자 |
&& | 불 |
- | 숫자 |
* | 숫자 |
|| | 불 |
2. 다음 프로그램의 실행 결과를 예측해 보아라.
<script>
console.log("#연습문제")
console.log("\\\\\\\\")
</script>
→
# 연습문제
\\\\
3. 다음 프로그램의 실행 결과를 예측해 보아라.
<script>
console.log("#연습문제"[1])
console.log("#연습문제"[2])
console.log("#연습문제"[3])
console.log("#연습문제"[4])
</script>
->
녕
하
세
요
4. 다음 프로그램의 실행 결과를 예측해 보아라.
<script>
console.log(2 + 2 - 2 * 2 / 2 * 2)
console.log(2 - 2 + 2 / 2 * 2 + 2)
</script>
→
0
4
▶상수 : 변하지 않는 값을 저장하는 식별자. const 키워드로 선언
▶변수 : 변하는 값을 저장하는 식별자. let 키워드로 선언
▶선언 : 상수 또는 변수를 생성하는 것
▶할당 : 상수 또는 변수에 값을 넣는 것
▶확인문제
1. 다음 중 상수를 선언할 때 사용하는 키워드는?
- const (O)
- let
- var
- comment
2. 다음 중 값을 할당할 때 사용하는 연산자는 어떤 것인가요?
- :=
- = (O)
- <=
- =>
3. 다음 프로그램 중에서 오류를 발생하는 것을 찾고 어떤 오류가 발생하는지 보아라.
<script>
const r
r = 10
console.log(`넓이 = ${3.14 * r * r}`)
console.log(`둘레 = ${2 * 3.14 * r}`)
<\script>
→ Uncaught SyntaxError: Missing initializer in const declaration
4. 다음 프로그램의 실행 결과를 예측해 보아라.
<script>
const number = 10
console.log(++number)
console.log(number++)
console.log(++number)
console.log(number--)
</script>
→Uncaught TypeError: Assignment to constant variable
▶prompt() : 사용자로부터 글자를 입력 받을 때 쓰는 함수
▶자료형 변환 : 어떤 자료형의 값을 다른 자료형으로 변경하는 것
▶Number() : 숫자 자료형으로 변환할 때 사용하는 함수
▶String() : 문자열 자료형으로 변환할 때 사용하는 함수
▶Boolean() : 불 자료형으로 변환할 때 사용하는 함수
▶확인문제
1. 다음 중 사용자로부터 불 입력을 받는 함수는 어떤 것인가요?
- input()
- boolInput()
- confirm() (O)
- prompt()
2. 다음 설명의 함수 이름을 채워라.
함수 이름 | 설명 |
Number() | 숫자 자료형으로 변환합니다. |
String() | 문자열 자료형으로 변환합니다. |
Boolean() | 불 자료형으로 변환합니다. |
3. 사용자로부터 숫자를 입력받아 cm를 inch 단위로 변환하여 출력하는 프로그램을 만들어 보아라.
(1cm → 0.393701inch로 변환 가능)
<script>
const rawInput = prompt('cm 단위의 숫자를 입력해주세요.')
const cm = Number(rawInput)
const inch = cm * 0.393701
alert(`${cm}cm는 ${inch}inch 입니다.`)
</script>
4. 사용자로부터 원의 반지름을 입력 받아 원의 넓이와 둘레를 구하는 프로그램을 만들어 보아라.
('넓이 = 3.14 * 반지름 * 반지름','둘레 = 2*3.14*반지름')
<script>
const rawInput = prompt('원의 반지름을 입력해주세요.')
const r = Number(rawInput)
let output = ''
output += `원의 반지름: ${r}\n`
output += `원의 넓이: ${3.14 * r * r}\n`
output += `원의 둘레: ${2 * 3.14 * r}`
alert(output)
</script>
5. 현재 환율을 기반으로 사용자에게 숫자를 입력받아 달러 에서 원화로 환율을 변환하는 프로그램을 만들어라.
(현재 환률 1달러=1300원)
<script>
const rawInput = prompt('달러 단위의 금액을 입력해주세요.')
const dollar = Number(rawInput)
let output = ''
output += `달러: ${dollar}\n`
output += `→ 원화: ${dollar * 1300}`
alert(output)
</script>
'개발 공부' 카테고리의 다른 글
혼공스 Chapter.5 (0) | 2023.03.09 |
---|---|
혼공스 Chapter.4 (0) | 2023.03.08 |
혼공스 Chapter.3 (0) | 2023.03.07 |
혼공스 Chapter.1 (0) | 2023.03.06 |
항해99 웹개발 종합반 1~2주차 강의 요약 (0) | 2023.02.16 |