[Typescript 기본 문법 정리] 타입 알아보기

타입스크립트 기본형

종류	타입
문자열	string
숫자형	number
불린형	boolean
undefined	undefined
null	null

 

배열과 튜플

const cart: string[] = [];
cart.push('c001');
cart.push('c002');

// 배열의 배열
const carts: string[][] = [
  ['c001', 'c002'],
  ['c003'],
];

// 튜플
let mySize: [number, number, string] = [175, 30, 'L'];

 

객체 타입

let product: {
  id: string;
  name: string;
  price: number;
  membersOnly?: boolean; // 필수가 아닌 프로퍼티
  sizes: string[];
} = {
  id: 'c001',
  name: '코드잇 블랙 후디',
  price: 129000,
  sizes: ['M', 'L', 'XL'],
};

let stock: { [id: string]: number } = {
  c001: 3,
  c002: 0,
  c003: 2,
};

 

any 타입

 

타입추론이 되지 않는 경우의 타입은 any가 되는데 되도록 사용하지 말아야 한다.

const parsedProduct = JSON.parse('{ "name": "코드잇 토트백", "price": 12000 }')

parsedProduct의 타입은 any가 된다.

 

위의 해결방안1

const parsedProduct = JSON.parse('{ "name": "코드잇 토트백", "price": 12000 }') as { name: string; price: number };

 

위의 해결방안2

const parsedProduct: { name: string; price: number } = JSON.parse('{ "name": "코드잇 토트백", "price": 12000 }');

 

함수 타입지정

function addToCart(id: string, quanity: number): boolean {
    if (어떤 조건) {
     return false;
  }

  return true;
}

위의 리턴 타입은 추론이 가능할 때 생략해도 된다.

 

함수를 값으로 사용하는 경우

(id:string, quanity: number) => boolean

(...ids: string[]) => void;