자료와 변수
기본 자료형
•
자료(data)
◦
프로그래밍에서 프로그램이 처리할 수 있는 모든 것
•
자료형 (data type)
◦
자료 형태에 따라 나눠 놓은 것
◦
숫자 (number), 문자열 (string), 불(Boolean) 자료형
•
문자열 자료형
◦
문자열 만들기
◦
JS 는 2가지 방법으로 문자열 생성
▪
‘ ‘, “ “ 사용
◦
큰 따옴표와 작은 따옴표 병행 사용
◦
특수문자
▪
이스케이프 \ : 따옴표를 문자 그대로 사용해야 할 때
▪
\n, \t, \\
◦
문자열 연산자
▪
숫자 자료와 마찬가지로 문자열도 기호를 사용해서 연산처리
•
문자 선택 연산자
◦
문자열 내부의 문자 하나를 선택
•
문자 길이 구하기
◦
문자열.length
•
구문 오류
◦
식별자가 예쌍하지 못한 위치에서 등장했다는 오류
•
숫자 자료형
◦
소수점이 있는 숫자와 없는 숫자를 같은 자료형으로 인식
•
불 자료형
◦
JS에서는 참과 거짓 값을 표현할 때 불 자료형을 사용
=== → 값과 자료형을 비교, 둘 다 같아야 참
== → 값만 비교
•
불 부정 연산자
◦
논리 부정 연산자는 ! 기호 사용하며, 참을 거짓으로, 거짓을 참으로 바꾼다
•
불 논리합/논리곱 연산자
◦
&&, ||
•
자료형 검사
◦
typeof 연산자
◦
typeof(’문자열')
▪
⇒”string”
→ string, number, boolean, undefined, function, object, symbol, bigint 중에 하나 출력
•
템플릿 문자열은 백틱(`) 기호로 감싸 만듦
◦
문자열 내부에 ` ${...} ` 기호 사용하여 표현식을 넣으면, 문자열 안에서 계산된다
상수와 변수
상수
•
상수를 만드는 과정을 ‘선언'이라고 표현하고, const 키워드로 다음과 같이 선언
•
const 이름 = 값
•
특정한 이름의 상수는 한 파일에서 한번만 선언
•
상수는 한번만 선언할 수 있으므로, 선언할 때 반드시 값을 함께 지정해줘야 함
•
한번 선언된 상수의 자료는 변경할 수 없음
•
상수와 마찬가지로 특정한 이름의 변수는 한 파일에서 한번만 선언
undefined 자료형
•
상수와 변수로 선언하지 않은 식별자
•
값이 없는 변수
◦
변수를 선언하면서 값을 지정하지 않은 경우에 해당 식별자는 undefined 자료형이 됨
요약
•
상수는 변하지 않는 값을 저장하는 식별자, const 키워드를 사용해 선언
•
변수는 변하는 값을 저장하는 식별자, let 키워드를 사용해 선언
•
상수 또는 변수를 생성하는 것을 선언이라 함
•
상수 또는 변수에 값을 넣는 것을 할당이라 함
자료형 변환
•
문자열 입력
◦
prompt(문자열, 기본 입력 문자열)
◦
prompt() 함수 매개변수의 역할
•
리턴 (return)
◦
함수를 실행한 후 값을 넘기는 것
•
불 입력
◦
confirm() 함수는 prompt() 함수와 비슷한 형태로 사용
◦
confirm() 함수를 사용하면 사용자에게 확인을 요구하는 메시지 창이 나타남
◦
사용자가 [확인] 버튼을 클릭하면 true 리턴, [취소] 버튼 클릭하면 false 리턴
•
숫자 자료형으로 변환
◦
다른 자료형을 숫자 자료형으로 변환
▪
Number() 함수 사용
◦
다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우
▪
NaN (Not a Number) 라는 값을 출력
•
문자열 자료형으로 변환
◦
다른 자료형을 문자열 자료형으로 변활할 때
▪
String() 함수 사용
ex) String(52.273) ⇒ “52.273”
◦
문자열 연산자를 사용해 자료형 변환
▪
문자열 연결 연산자(+) 사용
ex) 273 + “”
•
불 자료형으로 변환
◦
다른 자료형을 불 자료형으로 변환할 때
▪
Boolean() 함수 사용
▪
대부분의 자료는 불로 변환했을 때 true로 변환
▪
그러나 0, NaN 혹은 빈문자열, null, undefined는 5개의 자료형은 false로 변환됨
◦
논리 부정 연산자를 사용해 자료형 변환
▪
Boolean() 함수를 사용하지 않고, 논리 부정 연산자(!)를 사용해서 다른 자료형을 불 자료형으로 변환
▪
불이 아닌 다른 자료에 논리 부정 연산자를 2번 사용하면 불 자료형으로 변환
예제) inch를 cm 단위로 변경하기
<script>
// 숫자를 입력
const rawInput = prompt('inch 단위의 숫자를 입력해주세요.')
// 입력받은 데이터를 숫자형으로 변경하고 cm 단위로 변경
const inch = Number(rawInput)
const cm = inch * 2.54
// 출력
alert('${inch}inch는 ${cm}cm 입니다.')
</script>
HTML
복사
요약
•
사용자로부터 글자를 입력 받을 때 → prompt() 함수 사용
•
어떤 자료형의 값을 다른 자료형으로 변경하는 것 → 자료형 변환
•
숫자 자료형으로 변환할 때 → Number() 함수 사용
•
문자열 자료형으로 변환할 때 → String() 함수 사용
•
불 자료형으로 변환할 때 → Boolean() 함수 사용