타입스크립트의 기본 타입

posinity·2023년 6월 12일
0

Typescript

목록 보기
5/8

기본 타입 12가지

Boolean
Number
String
Object
Array
Tuple
Enum
any
void
null
undefined
never

String

let str: string = 'hi';

Number

let num: number = 10;

Boolean

let isLoggedIn: boolean = false;

Array

let arr: number[] = [1,2,3];
let arr: Array<number> = [1,2,3];

let arr2: boolean[] = [true]

Tuple

배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식

let arr: [string, number] = ['hi', 10];

Enum

특정 값(상수)들의 집합

enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers.Capt;

any

기존에 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하면 좋음. 단어 의미 그대로 모든 타입에 대해서 허용한다는 의미를 갖고 있음.

let str: any = 'hi';
let num: any = 10;
let arr: any = ['a', 2, true];

void

반환 값이 없는 함수의 반환 타입

function printSomething(): void {
  console.log('sth');
}

function returnNothing(): void {
  return;
}

Never

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

function neverEnd(): never {
  while (true) {

  }
}

object

객체를 표시할 때는 아래와 같이 쓴다

const player : {
	name:string.
  	age?:number //age가 있을수도 있고 없을수도 있을 때 '?'를 사용한다
} = {
	name:"nico"
}

if (player.age < 10) { //age가 있을수도 있고 없을수도 있기 때문에 오류라고 표시함
}

if (player.age && player.age < 10) { //이렇게 표시하면 오류가 없어짐
}

출처

타입스크립트 핸드북
노마드 코더 강의 - #2.2 Types of TS part One (14:26)

profile
문제를 해결하고 가치를 제공합니다

0개의 댓글