타입스크립트 타입 정리

//2021년 2월 21일 정리 

 

타입스크립트에는 기본 타입,객체 타입,기타타입이  있습니다. 

기본타입

---

기본 타입은 보편적으로 많이 사용하는 내장 타입으로 아래와 같은 타입을 지원합니다.

• string
• number
• boolean
• enum

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

// 숫자
const num: number = 10;

// 블리언 
const bol: boolean = true; 

// enum: 고정값으로 넣어둘수 있습니다. 
enum WeekDay {Mon,Tue,Wed,Thu}

let day: Weekday = WeekDay.Mon;

객체타입

---

객체 타입은 속성을 포함하고 있어서 호출 시그니처,생성자 시그니처 등으로 구성되어 있습니다. 

• Array
• Tuple
• Function 
• Interface 

// 배열 - 리터럴 적용
const items: string[] = [];
// items.push(10);

// 튜플: 배열 각 요소에 타입을 지정해줄수 있습니다. 
const address: [string, number] = ['판교', 40];

// 객체 
const obj: object = {};
// obj.a = 10;

// 타입 객체로도 선언이 가능합니다. 
const person: { age: number; name: string } = { age: 100, name: 'Capt' };

// 인터페이스 
interface Person {
  name: string;
  age: number; // 옵셔널 선택자 ? 동일하게 적용 가능
}

const JunCafe: Person = {name: 'JunSeok',age: 29}

// 함수 (파라미터): return 타입
function add_ts (num1: number,num2: number): number {
    return num1+num2;
}

 

기타 타입

---

타입스크립트에서는 아래와 같은 타입도 지원합니다. 

• 유니언
• 인터섹션

//유니업타입 두개의 타입을 선언 가능 
let x: string|number;

// 인터렉션 타입 : 두개의 타입을 합쳐 하나로 만들수 있는 타입 
interface Cat {leg: number}

interface Bird {wing: number}

let birdCat: Cat & Bird = {leg: 4,wing: 2}

 

이상 타입스크립트에 대한 타입을 정리하였습니다.