타입스크립트

https://joshua1988.github.io/ts/

타입스크립트 핸드북

이거 읽으면서 정리함!

 

 

타입스크립트는 자바스크립트에 타입을 부여한 언어.

타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다

 

타입스크립트는 

알아서 타입추론하는 자바스크립트와 다르게

타입 다 넣어줘야함.

 

장점은 깐깐한 만큼 오류발생시 원인 바로 찾을 수 있어.

 

타입스크립트 기본 타입

• Boolean 타입이 참 혹은 거짓인 경우
• let isLoggedIn: boolean = false;
• Number 숫자
• let num: number = 10;
• String 문자
• let str: string = 'hi';
• Object
• Array 타입이 배열인 경우
• let arr: number[] = [1,2,3];
• let arr: Array<number> = [1,2,3];     //제네릭 사용할 수도 있음
• Tuple 튜플, 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미
• let arr: [string, number] = ['hi', 10];
• Enum 이넘, 특정 값(상수)들의 집합 의미
• Any 모든 타입에 대해서 허용한다는 의미
• let arr: any = ['a', 2, true];
• Void 변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입
• let unuseful: void = undefined; function notuse(): void { console.log('sth'); }
• Null 
• Undefined
• Never 함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입

 

 

개념확인

매개변수(파라미터)-함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미

인수- 함수가 호출될 때 함수로 값을 전달해주는 값

function addNum(x, y, z) { // x, y, z라는 3개의 매개변수를 가지는 함수 addNum()을 정의함.

    return x + y + z;

}

addNum(1, 2, 3); // 인수로 1, 2, 3을 전달하여 함수를 호출함. -> 6

 

 

 

타입스크립트에서는 함수의 인자를 모두 필수 값으로 간주합니다.

따라서, 함수의 매개변수를 설정하면 undefined나 null이라도 인자로 넘겨야하며 컴파일러에서 정의된 매개변수 값이 넘어 왔는지 확인합니다. 달리 말하면 정의된 매개변수 값만 받을 수 있고 추가로 인자를 받을 수 없다는 의미입니다.

 ts

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




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

? 이용해서 정의안하고 인자넘길 수도 있음

 

이후는 읽어보고 있돠