타입스크립트 숫자 타입 사용 방법 / 일반적인 모든 숫자를 사용한다.

- 8월 22, 2026

타입스크립트( Typescript)에서 숫자 타입은 정수, 소수, 음수 등 일반적인 숫자를 표현할 때 사용한다.

숫자 타입은 number를 사용하며, 자바스크립트와 마찬가지로 정수와 실수를 별도의 타입으로 구분하지 않는다.

나이, 가격, 수량, 점수, 좌표, 비율처럼 계산이 필요한 값을 하나의 숫자 타입으로 사용한다.

숫자 타입으로 선언된 값에는 덧셈, 뺄셈, 곱셈, 나눗셈, 나머지 계산과 같은 산술 연산을 사용할 수 있다.

타입스크립트는 변수에 처음 저장된 값을 분석해 숫자 타입을 자동으로 추론할 수도 있으며, 필요할 때는 개발자가 숫자 타입을 명시하여 다른 자료형의 값이 잘못 저장하지 못하도록 방지할 수 있다.

숫자 타입에는 일반적인 숫자뿐만 아니라 계산할 수 없는 값을 나타내는 NaN, 양수 또는 음수 방향의 무한대를 나타내는 Infinity도 포함된다.

금액처럼 정확한 계산이 필요한 경우에는 정수 단위로 변환하거나 별도의 계산 방식을 사용하는 것을 권장한다.

매우 큰 정수를 정확하게 처리해야 할 때는 number가 아닌 bigint 타입을 사용할 수도 있다.

number와 bigint는 서로 다른 타입이기 때문에, 직접 혼합하여 계산할 수 없다.

타입스크립트의 숫자 타입은 수치 데이터의 형식을 명확히 하고, 문자열이나 불리언 값이 잘못 사용되는 문제를 컴파일 단계에서 확인하도록 돕는 역할을 한다.

타입스크립트 숫자 타입 사용 방법
일반적인 모든 숫자를 사용한다.

⊙ 타입스크립트 숫자 타입 코드 예제

타입스크립트( Typescript )에서 숫자 타입을 사용하는 코드를 살펴보자.

타입스크립트는 숫자 타입은 number 키워드를 사용하며, 정수, 실수, 소수를 사용하고, 사칙연산을 사용하여 계산을 할 수 있다.

/** */
export {};

/* 숫자 타입 변수 선언 */
let age: number = 30;
let price: number = 19900;
let discountRate: number = 0.15;

/* 할인 금액 계산 */
let discountAmount: number = price * discountRate;

/* 할인 적용 후 최종 가격 계산 */
let finalPrice: number = price - discountAmount;

/* 숫자 데이터 출력 */
console.log("나이:", age);
console.log("상품 가격:", price);
console.log("할인율:", discountRate);
console.log("할인 금액:", discountAmount);
console.log("최종 가격:", finalPrice);

/* 나이에 1을 더하는 숫자 연산 */
age = age + 1;

console.log("다음 나이:", age);

타입스크립트에서 number 숫자타입은 정수와 실수를 모두 표현한다.

자바스크립트와 마찬가지로 정수용 타입과 실수용 타입을 별도로 구분하지 않으며, number 하나를 사용한다.

age, price, discountRate 모두 숫자, number 타입으로 선언하였다.

상품 가격 19900에 할인율 0.15를 곱하여 할인 금액을 계산하고 있다.

최종 가격을 계산하기 위해 할인 금액을 원래 가격에서 뺄셈하고 있다.

타입스크립트의 number 타입 하나로 정수, 소수, 실수를 선언하고, 사칙연산에 사용할 수 있다.

타입스크립트 숫자 타입 결과

타입스크립트 숫자 타입 코드 예제

⊙ 숫자 데이터를 사용하는 기본 자료형

타입스크립트의 number 타입은 정수, 실수를 모두 사용할 수 있으며, 사칙연산에 사용될 수 있다.

타입스크립트의 number 타입을 사용하는 방법은 다음 코드와 같다.

/** */
export {};

/*
  TypeScript 숫자 타입(number) 사용 예제


  number 타입은 정수와 실수를 모두 저장할 수 있다.
  변수명 뒤에 : number를 작성하여 숫자 타입을 지정한다.
*/

/*
  정수 10을 저장한다.
*/
let count: number = 10;

/*
  실수 36.5를 저장한다.
*/
let temperature: number = 36.5;

/*
  정수 25000을 저장한다.
*/
let totalPrice: number = 25000;

/*
  각 변수에 저장된 숫자를 콘솔에 출력한다.
*/
console.log(count);
console.log(temperature);
console.log(totalPrice);

/*
  숫자 타입은 사칙연산에 사용할 수 있다.
*/
let doubleCount: number = count * 2;
let increasedTemperature: number = temperature + 1;
let discountedPrice: number = totalPrice - 5000;

/*
  계산 결과를 출력한다.
*/
console.log(doubleCount);
console.log(increasedTemperature);
console.log(discountedPrice);

타입스크립트에서 number는 숫자 데이터를 사용하는 기본 자료형입니다.

count는 변수 이름이고, : number 타입을 사용하여 count 변수에 숫자만 저장할 수 있도록 설정한다.

타입스크립트의 number 타입에는 정수와 실수 모두 사용할 수 있습니다.

Java나 C#처럼 int, float, double 등으로 일반적인 숫자를 구분하지 않고, 타입스크립트에서는 대부분 number 하나로 처리한다.

그리고, number 타입은 숫자 타입이기 때문에 덧셈, 뺄셈, 곱셈, 나눗셈 등의 산술 연산이 가능하다.

하지만, number 타입으로 선언한 변수에 문자열을 설정하려고 한다면 타입 오류가 발생한다.

number 타입은 개수, 가격, 온도, 점수, 나이, 계산 결과 등 숫자 데이터를 저장하고 계산할 때 사용한다.

타입스크립트 숫자 타입(Number Type) 결과

숫자 데이터를 사용하는 기본 자료형

⊙ 타입스크립트의 number 타입에는 숫자만 사용 가능.

타입스크립트의 숫자( number ) 타입은 정수와 실수 모두 사용할 수 있다.

단, number 타입으로 설정된 변수가 let 키워드로 설정된다면, 다시 어떤 숫자를 설정할 수 있지만, 숫자 외의 문자 타입 등은 다시 저장할 수 없다.

코드는 다음과 같다.

/** */
export {};

/*
  타입스크립트 숫자 타입(number) 사용 예제
*/

let quantity: number = 5;
let price: number = 12000;
let discountRate: number = 0.1;

/*
  quantity와 price를 곱해서 총 가격을 계산합니다.
*/
let totalPrice: number = quantity * price;

/*
  할인 금액을 계산합니다.
*/
let discountAmount: number = totalPrice * discountRate;

/*
  최종 결제 금액을 계산합니다.
*/
let finalPrice: number = totalPrice - discountAmount;

/*
  결과를 출력합니다.
*/
console.log("수량:", quantity);
console.log("상품 가격:", price);
console.log("총 가격:", totalPrice);
console.log("할인 금액:", discountAmount);
console.log("최종 가격:", finalPrice);

/*
  오류 예시

  quantity는 number 타입으로 선언되었기 때문에
  문자열 "5"를 저장할 수 없습니다.

  아래 코드의 주석을 제거하면 타입 오류가 발생합니다.
*/

/*
quantity = "5";
*/

number는 타입스크립트에서 숫자 값을 저장하기 위한 기본 타입이며, 정수와 실수 모두 number 타입을 사용한다.

위의 코드에서 quantity, price, discountRate는 모두 number 타입으로 선언되어 있으며, 숫자만 저장할 수 있다.

그리고, let 키워드를 사용하여 숫자를 다시 대입하는 것 또한 가능하며, 문자열은 저장할 수 없다.

`"5"`는 숫자처럼 보이지만 쌍따옴표로 감싸져 있기 때문에 문자열( string )타입이다.

만약, 숫자형 타입 변수에 문자열을 설정하려고 한다면, `Type 'string' is not assignable to type 'number'`와 같은 타입 오류가 발생한다.

위의 코드에 대한 결과 화면은 다음과 같다.

타입 변수에 숫자를 저장하고, 잘못된 문자열 대입 결과

타입스크립트의 number 타입에는 숫자만 사용 가능

⊙ 타입스크립트 number 타입 진법 표현

타입스크립트의 number 타입으로 진법을 사용할 경우 보통의 숫자형태로 표현된다.

decimal은 일반적인 10진수,
0xff는 0x 접두사를 사용하는 16진수,
0b1010은 0b 접두사를 사용하는 2진수,
0o744는 0o 접두사를 사용하는 8진수이다.

다만, 진법 그대로 사용한다고 해도 console.log()를 사용하면 일반적인 10진수로 자동 변환되어 출력된다.

/** */
export {};

/*
 * TypeScript 숫자 타입(number) 사용 예제
 * 10진수, 16진수, 2진수, 8진수를 number 타입으로 선언한다.
 */

let decimal: number = 10;      /* 10진수 */
let hex: number = 0xff;        /* 16진수 */
let binary: number = 0b1010;   /* 2진수 */
let octal: number = 0o744;     /* 8진수 */

/* 각각의 값을 10진수 형태로 출력한다. */
console.log(decimal); /* 10 */
console.log(hex);     /* 255 */
console.log(binary);  /* 10 */
console.log(octal);   /* 484 */

타입스크립트의 number 타입은 정수와 실수를 포함한 일반적인 숫자 값을 저장할 수 있다.

number 타입은 10진수뿐만 아니라 16진수, 2진수, 8진수도 표현할 수 있다.

위의 코드에서 decimal은 10진수, 0xff는 16진수, 0b1010은 2진수, 0o744는 8진수이다.

어떤 진법을 사용해도 모두 number 타입으로 처리된다.

console.log()로 출력해 보면, 각각의 숫자 값은 10진수 형태로 표시되어 출력된다.

위의 코드에 대한 결과는 다음과 같다.

타입스크립트 number 타입 진법 표현

⊙ 타입스크립트 함수의 number 타입 사용

타입스크립트에서는 함수의 매개변수와 반환값에 number 타입을 지정하여 숫자 데이터를 명확하게 지정할 수 있다.

function add(a: number, b: number): number와 같이 작성하면 a와 b에는 숫자만 전달할 수 있으며, 함수의 실행 결과도 숫자로 반환된다.

타입스크립트의 함수에서 number 타입을 사용하는 코드는 다음과 같다.

/** */
export {};

function add(a: number, b: number): number {
  return a + b;
}

const result: number = add(10, 20);

console.log(result); // 30

타입스크립트에서는 함수의 매개변수와 반환값에 number 타입을 설정할 수 있다.

위 코드에서 a: number와 b: number는 add() 함수가 숫자 타입의 값을 전달받는다는 의미이며, 함수 뒤의 : number는 실행 결과 역시 숫자 타입으로 반환한다는 의미이다.

add(10, 20)을 실행하면 두 숫자를 더한 30이 반환되고, 이 값이 result 변수에 저장된다.

변수 result에도 number 타입을 명시할 수 있으며, 숫자가 아닌 문자열 등의 값을 함수에 전달되면 타입스크립트는 컴파일 단계에서 타입 오류를 확인한다.

함수에서 number 타입을 사용하면 입력값과 반환값이 숫자인지를 명확하게 관리하고 잘못된 타입 사용을 방지할 수 있다.

타입스크립트 함수 number 타입 결과

타입스크립트 함수의 number 타입 사용

⊙ number 타입 함수, 상품 가격과 수량 계산하기

타입스크립트의 number 타입은 정수와 소수를 포함한 숫자 값을 표현하고, 수식을 이용해 계산을 할 수 있다.

하나의 예로, 어떤 상품에 대한 가격과 수량에 대한 총 가격을 계산하는 함수를 만들어 보자.

함수를 하나 만들고 숫자 형태의 값을 받고, 계산 후 반환값으로 숫자를 다시 보내도록 한다.

코드는 다음과 같다.

/** */
export {};

/* 상품의 총 가격을 계산하는 함수 */
function calculateTotalPrice(price: number, quantity: number): number {
  /* 가격 × 수량의 결과를 반환 */
  return price * quantity;
}

/* 가격 15,000원, 수량 3개를 전달하여 총 가격 계산 */
const total: number = calculateTotalPrice(15000, 3);

/* 계산 결과 출력: 45000 */
console.log(total);

위의 코드에서 calculateTotalPrice() 함수의 매개변수는 price와 quantity이며, number 타입으로 지정하여 숫자만 전달할 수 있다.

함수의 ): number 부분은 반환값 역시 숫자 타입이라는 것을 의미한다.

상품의 총 가격을 계산하기 위해 price * quantity 연산으로 가격과 수량을 곱한다.

calculateTotalPrice(15000, 3)을 실행하면 15000 × 3이 계산되어 45000이 반환되고, 이 값이 total 변수에 저장된다.

console.log(total)을 실행하면 콘솔에 45000이 출력된다.

위의 코드에 대한 결과는 다음과 같다.

number 타입으로 계산

number 타입 함수
상품 가격과 수량 계산하기

⊙ 객체의 속성에 number 타입 사용하기

TypeScript( 타입스크립트 )의 number 타입은 정수와 소수 등 숫자 값을 다룰 때 사용합니다.

객체 타입에서 가격, 수량, 재고와 같은 숫자를 사용하는 속성에 number 타입을 지정하여, 문자열 등의 잘못된 값이 입력되는 것을 컴파일 단계에서 확인할 수 있습니다.

/** */
export {};

type Product = {
  id: number;
  name: string;
  price: number;
  stock: number;
};

/*
  Product 타입을 사용하는 상품 객체
  id, price, stock 속성은 number 타입의 값만 사용할 수 있다.
*/
const product: Product = {
  id: 1,
  name: "무선 마우스",
  price: 29900,
  stock: 15,
};

/*
  product 객체의 price 속성에 저장된
  숫자 값을 콘솔에 출력한다.
*/
console.log(product.price);

타입스크립트의 Product 타입에서 id, price, stock 속성을 number 타입으로 설정했다.

상품 번호, 가격, 재고 수량에는 숫자만을 저장할 수 있다.

가격을 가져오기 위해 product.price를 사용하여 price 속성의 29900 값을 가져올 수 있다.

객체의 속성에 number 타입 사용하기

⊙ 숫자 배열 사용 평균값의 계산

타입스크립트에서 숫자만 저장하는 배열을 number[] 타입으로 선언할 수 있다.

함수의 매개변수에도 number[]를 지정하면 숫자 배열만 전달받도록 제한할 수 있다.

반환값에 number 타입을 지정하면, 계산 결과가 숫자임을 명확하게 설정할 수 있습니다.

/** */
export {};

/*
숫자 배열 선언
number[]는 숫자만 저장할 수 있는 배열 타입이다.
*/
const scores: number[] = [90, 85, 100, 70];

/*
숫자 배열을 전달받아 평균값을 반환하는 함수
매개변수 numbers는 number[] 타입이며,
함수의 반환값은 number 타입이다.
*/
function getAverage(numbers: number[]): number {
  /*
  reduce()를 사용하여 배열의 모든 숫자를 더한다.
  초기 합계는 0부터 시작한다.
  */
  const total = numbers.reduce((sum, value) =&gt; sum + value, 0);

  /*
  전체 합계를 배열의 요소 개수로 나누어
  평균값을 반환한다.
  */
  return total / numbers.length;
}

/*
scores 배열의 평균값을 계산하여 출력한다.
*/
console.log(getAverage(scores));

위의 코드를 보자.

상수 scores는 숫자 배열 number[] 타입으로 선언되어 숫자만 저장할 수 있다.

getAverage() 함수는 number[] 타입의 숫자 배열을 매개변수로 받고, number 타입의 평균값을 반환한다.

reduce() 메서드는 배열의 90 + 85 + 100 + 70을 계산하여 총점 345를 구한다.

그리고, numbers.length 값인 4로 나누어 평균을 계산한다.

숫자 배열 사용 평균값의 계산하기

숫자 배열 사용 평균값의 계산

⊙ Array<number> 숫자 배열의 합계 계산하

타입스크립트에서 Array<number>를 사용하면 숫자만 사용할 수 있는 배열을 선언할 수 있다.

배열의 reduce() 메서드를 사용하여 각 숫자를 순서대로 합하여 전체 합계를 구할 수 있다.

/** */
export {};

/* 숫자 타입만 저장할 수 있는 배열 선언 */
const prices: Array<number> = [10000, 20000, 30000];

/* reduce()를 사용하여 배열의 모든 숫자를 더함 */
const totalPrice = prices.reduce((sum, price) => sum + price, 0);

/* 계산된 합계 출력 */
console.log(totalPrice);

number 타입의 Array<number> 배열을 생성한다.

reduce()는 배열의 값을 하나씩 처리하면서 합계를 구한다.

reduce() 메서드의 sum은 지금까지 계산된 합계이며, price는 현재 처리하는 가격이다.

마지막의 0은 합계를 계산하기 위한 초기값으로 설정한다.

Array<number> 배열에 있는 숫자를 합한 결과는 다음과 같다.

타입스크립트 숫자 배열의 합계

이 블로그 검색

Over Tech