-
#JavaScript Grammar_데이터 타입(1)_숫자Javascript 2023. 10. 16. 00:15
# 데이터 타입이란?
- 자바스크립트 코드가 실행될 때, 즉 런타임(runtime)에 값의 형태나 종류를 결정함.
- 이것은 코드를 작성할 때가 아니라 코드가 실제로 실행되는 시점에서 이루어짐.
데이터 타입 예시)
자바스크립트에서 변수를 선언할 때 데이터 타입을 명시하지 않고 값을 할당할 때, 그 값의 데이터 타입은 변수에 할당될 때 결정됨.
let x = "Hello, World"; // 문자열 데이터 타입 x = 42; // 숫자 데이터 타입
위의 예시에서 `x`는 초기에 문자열 데이터 타입을 가지고 있지만, 나중에 숫자로 값을 변경하면 데이터 타입도 숫자로 변경됨. 이런 동적인 데이터 타입 결정은 자바스크립트의 유연성을 제공하고, 변수의 데이터 타입을 명시적으로 선언하지 않아도 되며, 코드를 실행할 때 자바스크립트 엔진이 값을 분석하여 적절한 데이터 타입을 할당함 .
<숫자형 데이터 타입의 6가지 주요 개념>
1. 정수(Integer): 정수는 소수점이 없는 숫자를 의미함.
let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // "number"
- `num1`은 10이라는 정수 값을 나타내며, `typeof` 연산자를 사용하여 데이터 타입을 확인할 수 있음.
2. 실수(Float): 실수는 소수점을 가지는 숫자를 의미함.
let num2 = 3.14; console.log(num2); // 3.14 console.log(typeof num2); // "number"
- `num2`는 3.14라는 실수 값을 나타내며, 데이터 타입은 여전히 "number"로 나타남.
3. 지수형 숫자(Exponential): 숫자를 지수 표기법으로 나타내며 `e`또는`E`를 사용하여 숫자를 표현하며, 기본 숫자와 10의 지수로 나타냄.
let num3 = 2.5e5; // 2.5 x 10^5 console.log(num3); // 250000 console.log(typeof num3); // "number"
- `num3`는 2.5 x 10^5. 즉 250000을 나타냄.
4. NaN(Not a Number): "숫자가 아님"을 나타내며, 수학적으로 정의되지 않는 계산 또는 숫자로 변환할 수 없는 값을 나타냄.
let num4 = "Hello" / 2; console.log(num4); // NaN console.log(typeof num4); // "number"
- `num4`는 문자열 "Hello"를 숫자로 나누는 시도로 인해 NaN이 됨.
5. Infinity: 양의 무한대를 나타내며, 양의 값을 무한대로 나눌 때 발생함.
let num5 = 1 / 0; console.log(num5); // Infinity console.log(typeof num5); // "number"
- `num5`는 양의 무한대를 나타냄.
6. - Infinity: 음의 무한대를 나타내며, 음수를 무한대로 나눌 때 발생함.
let num6 = -1 / 0; console.log(num6); // -Infinity console.log(typeof num6); // "number"
- `num6`는 음의 무한대를 나타냄.
# ` typeof` 연산자란?
` typeof`연산자를 사용하면 변수나 값의 데이터 타입을 파악할 수 있음. 이는 자바스크립트에서 데이터 타입을 확인하는 간단하고 유용한 방법이며 코드를 디버깅하거나 데이터 타입에 따라 다른 작업을 수행해야 할 때 유용함.
` typeof`연산자 예시)
let myString = "Hello, World"; let myNumber = 42; console.log(typeof myString); // "string" console.log(typeof myNumber); // "number"
# 디버깅(Debugging)이란?
- 코드의 오류를 찾고 수정하는 과정을 의미함.
- 코드에서 발생하는 버그, 오류, 논리오류, 형식 오류 등을 식별하고 해결하는 과정임.
<디버깅은 다음과 같은 방법으로 수행>
1. 에러 메시지 확인: 코드를 실행하면서 브라우저 또는 개발 환경은 오류 메시지를 표시함. 이러한 오류 메시지는 어떤 부분에서 오류가 발생했는지, 그리고 어떤 종류의 오류인지를 나타냄.
2. 로그 출력: console.log()와 같은 명령을 사용하여 코드의 특정 부분에서 변수, 상태 또는 중간 결과를 로그로 출력하여 어떤 값이 계산되는지 확인할 수 있음.
3. 중단점 설정: 개발 환경에서 코드의 특정 부분에 중단점을 설정하고 코드를 실행하면, 중단점에서 실행이 일시 중지됨. 이를 통해 해당 지점에서 변수 및 상태를 검사하고 디버깅을 수행할 수 있음.
4. 스텝 인 및 스텝 아웃: 코드를 한 단계씩 실행하거나 함수 호출을 스텝 아웃하여 코드 실행 흐름을 따라가면서 문제를 식별하고 해결할 수 있음.
5. 프로그래밍 도구 사용: 여러 프로그래밍 도구 및 디버깅 도구가 제공됨. 이러한 도구는 코드를 분석하고 문제를 파악하는 데 도움을 줌.
'Javascript' 카테고리의 다른 글
#JavaScript Grammar_연산자 (0) 2023.10.16 #JavaScript Grammar_형 변환 (0) 2023.10.16 #JavaScript Grammar_데이터 타입(3) (0) 2023.10.16 #JavaScript Grammar_데이터 타입(2)_문자 (0) 2023.10.16 #JavaScript Grammar_변수와 상수 (2) 2023.10.15