TypeScript의 type 알아보기

기본적으로 js에는 다음과 같은 type들이 있다.

• String
• Number
• Boolean
• Array
• Function
• Object

---

타입 지정 방법

이번 시간에는 기본타입을 변수에 적용하는 방법에 대해서 알아볼 것이다.

TypeScript는 TypeScript라는 이름에 걸맞게(?) Type 지정이 가능하다. 변수명 뒤에 콜론과 지정하고싶은 type을 지정해주면 된다.

let name: string = 'code-lover';
let likeNumber: number = 4;
let isAdult: boolean = false;

---

객체와 배열

그런데 배열과 객체는 type 지정 방법이 조금 다르다!!!

배열의 경우 아래와 같이 사용해주면 된다.

let hobbies: string[] = ['JAVA', 'Vue', 'LOL'];
let numbers: number[] = [1, 2, 3];

객체는 되게 신기하게 생겼다. 그리고 또 귀찮게;;;; 생겼다.

주의할 점은 type을 지정할 때 ,가 아니라 ;을 사용한다는 정도인 것 같다~~~

const person: {
    name: string;
    likeNumber: number;
    isAdult: boolean;
} = {
    name: 'code-lover',
    likeNumber: 4,
    isAdult: true
};

---

Function

const person: {
  name: string;
  age: number;
  activeAvenger: boolean;
  powers: string[];
} = {
  name: 'Peter Parker',
  age: 20,
  activeAvenger: true,
  powers: ['wall-crawl', 'spider-sense']
}

마지막으로 function의 type 지정 방법을 알아보자!!!!! function에서는 parameter와 return type을 지정해주면 된다.

아래 코드를 보면 파라미터 age에 number 타입을 지정했고, function 선언부에 boolean 타입을 지정했다.

선언부에 지정한 타입은 function의 반환 타입이 된다!!!!

const canDrink = (age: number): boolean => {
	return age >= 19;
}