본문 바로가기

js/TypeScript

TypeScript - 기본 타입

타입스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있습니다.

 

타입스크립트의 기본 타입에는 크게 다음 12가지가 있습니다.

  • Boolean
  • Number
  • String
  • Object
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null
  • Undefined
  • Never

String

자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언해서 사용합니다.

// 문자열
const str: string = 'hello';

 

Number

타입이 숫자이면 아래와 같이 선언합니다.

// 숫자
const num: number = 10;

Boolean

타입이 진위 값인 경우에는 아래와 같이 선언합니다.

// 진위값
let isLogin: boolean = false;​

Object

타입이 객체면 아래와 같이 선언합니다.

let obj:object = {};

let person:object={
    name:'capt',
    age:30
}
let personTwo:{name:string,age:number}= {
    name:'intae',
    age :30
}

Array

타입이 배열인 경우 간단하게 아래와 같이 선언합니다.

//TS 배열
let arr:Array<number> = [1,2,3];
let heroes:Array<string> = ['cat','thor','hulk'];
let items: number[] = [1,2,3];

Tuple

튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미합니다.

 

//TS 튜플
let addressInfo: [string,number] = ['bundang',100];

Void

변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입입니다.

let unuseful: void = undefined;
function notuse(): void {
  console.log('sth');
}

Never

함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.

// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
  while (true) {

  }
}

'js > TypeScript' 카테고리의 다른 글

TypeScript - 이넘(Enums)  (0) 2022.07.27
TypeScript - 인터페이스  (0) 2022.07.27
TypeScript - 함수  (0) 2022.07.27
TypeScript - Union Type  (0) 2022.07.27
TypeScript - TypeScript란?  (0) 2022.07.26