타입스크립트에서 선언방법

npm i typescript -g (npm install typescript --global)

=> ts파일을 js로 변경하는 컴파일러를 제공한다.

---

TypeScript 변수 선언 방법

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

// TS 문자열 선언
var str: string = "hello";
// TS 숫자
let num: number = 10;
// TS 배열
let arr: Array<number> = [1,2,3]; // 배열은 앞에 대문자,배열안에 숫자만 
let heroes: Array<string> = ["Capt","Thor","Hulk"]; // 배열안에 문자열만
let itemes: number[] = [1,2]; // 위에 arr과 동일하다 !

TypeScript 함수 선언 방법

// // 함수의 파라미터에 타입을 정의하는 방식
// function sum(a: number, b: number) {
//   return a + b;
// }

// sum(10, 20);

// 함수의 반환 값에 타입을 정의하는 방식
function add(): number {
  return 10;
}

// 함수에 타입을 정의하는 방식
function sum(a: number, b: number): number {
  return a + b;
}

//sum(10,20,30,40); // js에서는 오류가 안나지만 타입스크립트에서는 2개의 인수가 필요한데 4개를 가져왔으므로 오류가 뜬다 ! 

위에서 sum 이라는 함수에 인수가 2개만 필요한대 4개를 가져오면 오류가 발생하는데 파라미터를 1개만 넘기고 싶을 경우에 쓸 수 있는 방법으로는 아래와 같다.

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

sum(10) // 오류 x

이렇게 ?를 붙여주면 함수의 옵셔널 파라미터라고 필요에 따라 넘겨주는 인자의 갯수를 정할 수 있고 생략해줄수도 있다.