2.md

2. 타입스크립트 기초 - 변수와 함수 타입 정의하기

2.1 기본 타입

2.1.1 변수에 타입 정의하기

• 변수를 선언하면서 변수의 오른쪽에 : type을 정의한다.

// JS 문자열 선언
var str = "hello";

// TS 문자열 선언
var str: string = "hello";

// TS 숫자 선언
let num: number = 10;

2.1.2 배열에 타입 정의하기

• Array<type>
• type[]

// 방법1
let arr: Array<number> = [1, 2, 3];
let heroes: Array<string> = ["Capt", 10]; // X

// 방법2: 배열 리터럴 앞에 타입을 지정하는 방법
let itmes: number[] = [1, 2, 3];

2.1.3 튜플

• 배열의 길이가 고정되며, 배열의 특정 요소의 타입까지 정의함

let address: [string, number] = ["gangnam", 100];

2.1.4 객체

• 객체에 들어갈 속성의 타입까지 구체적으로 정의할 수 있음

let obj: object = {};

let person: { name: string, age: number } = {
  name: "capt",
  age: 100,
};

2.1.5 불리언

let show: boolean = true;

2.2 함수 타입

• 함수의 파라미터와 반환값에 타입을 정의할 수 있다.

function sum(a: number, b: number): number {
  return a + b;
}

2.2.1 파라미터를 제한하는 특성

• 만약 함수의 파라미터에 대해 정의한대로 사용하지 않으면 오류가 발생한다.
• 정의한 파라미터 갯수보다 인자가 적거나 많으면 안된다는 의미이다.

function sum(a: number, b: number): number {
  return a + b;
}
sum(10, 20); // 30
sum(10, 20, 30); // error, too many parameters
sum(10); // error, too few parameters

2.2.2 함수의 옵셔널 파라미터

• ?를 사용하면 매개변수의 갯수만큼 인자를 넘기지 않아도 된다. 선택적으로 사용할 수 있다.

function sum(a: number, b?: number): number {
  return a + b;
}
sum(10, 20); // 30
sum(10, 20, 30); // error, too many parameters
sum(10); // 10