A Developing Developer
02. 자료와 변수 본문
2-1. 기본 자료형
- 자료형 : 자료의 종류를 의미(문자열, 숫자, 불)
- 문자열 자료형 : 문자를 표현할 때 사용(String)
- 숫자 자료형 : 숫자를 표현할 때 사용(소수점이 있는 숫자와 없는 숫자)
- 불 자료형 : 참(true) 과 거짓(false) 를 표현할때 사용(Boolean)
- Boolean(불 자료형)
논리합/논리곱 연산자
- && : 그리고 (Ex. 사과 &&배, 사과랑 배 둘다)
- || : 또는 (Ex. 사과 || 배, 사과 또는 배 둘 중 아무거나)
- typeof(자료형 검사)
typeof(자료)
괄호안에 자료를 입력하면 그 자료의 자료형을 알려준다.
(Ex.)
typeof('문자열')
"string"
typeof(111)
"number)
typeof(true)
boolean
2-2 상수와 변수
- 상수 : 변하지 않는 값을 저장하는 식별자. const 키워드를 사용해 선언
- 변수 : 변하는 값을 저장하는 식별자. let 키워드를 사용해 선언
- 선언 : 상수 또는 변수를 생성하는 것
- 할당 : 상수 또는 변수에 값을 넣는 것
- 복합 대입 연산자
대입 연산자와 다른 연산자를 함께 사용하는 연산자이다.
- += : 기존 변수의 값에 값을 더한다. (Ex. a += 1, a = a + 1)
- -+ : 기존 변수의 값에 값을 뺀다. (Ex. a -= 1, a = a - 1)
- *= : 기존 변수의 값에 값을 곱한다. (Ex. a *= 1, a = a * 1)
- /= : 기존 변수의 값에 값을 나눈다. (Ex. a /= 1, a = a / 1)
- %= : 기존 변수의 값에 나머지를 구한다. (Ex. a %= 1, a = a%1)
- undefined 자료형
상수와 변수로 선언하지 않은 식별자의 자료형
2-3. 자료형 변환
- 자료형 변환 : 어떤 자료형의 값을 다른 자료형으로 변경하는 것
- Number() : 숫자 자료형으로 변환할 때 사용하는 함수
- String() : 문자열 자료형으로 변환할 때 사용하는 함수
- Boolean() : 불 자료형으로 변환할때 사용하는 함수
- prompt() : 사용자로부터 글자를 입력 받을 때 사용하는 함수
- confirm() : 사용자에게 확인을 요구하는 메세지 창이 나타나고, 사용자가 확인버튼을 클릭하면 true 를 리턴하고, 취소버튼을 클릭하면 false 를 리턴한다. 따라서 input 에 불 자료형이 들어가고 곧바로 input 에 저장된 값을 출력한다.
<script>
//상수를 선언
const input = confirm('수락하겠습니까?')
//출력
alert(input)
</script>- 달러 -> 원 변환 프로그램
사용자가 달러 값을 입력하면 환율에 맞게 원화로 계산해준다.
<!doctype html>
<html lang="ko">
<head>
<meta charset='UTF-8'>
<title></title>
<script>
const dollarInput = prompt('달러를 입력해주세요.');
const dollar = Number(dollarInput);
const krw = dollar * 1426.40;
alert(`${dollar} 달러의 원화는 ${krw} 원입니다.`)
</script>
</head>
<body>
</body>
</html>
============================================================================================
출처 : 혼자 공부하는 자바스크립트
============================================================================================
내일배움캠프 4기 Node.js 트랙 사전캠프 1일차
기초라서 아직 쉽지만 뒤로 갈 수록 어려울 거 같으니까 천천히 진행하자.
'내일배움캠프 4기 > [Javascript]혼자 공부하는 자바스크립트' 카테고리의 다른 글
| 05-2. 함수 고급 (0) | 2022.11.04 |
|---|---|
| 05-1. 함수의 기본 형태 (0) | 2022.11.03 |
| 04. 반복문 (0) | 2022.11.02 |
| 03. 조건문 (0) | 2022.11.01 |
| 01. 자바스크립트 개요와 개발환경 설정 (0) | 2022.10.31 |
'내일배움캠프 4기/[Javascript]혼자 공부하는 자바스크립트' Related Articles
more
