[タイプScript]インストール環境とタイプ

yarn run tsc --init

yarn run tsc

(...),
"outDir": "./(폴더명)", 
(...)

yarn run ts-node (ts 확장자 파일경로명)

🔍 タイプ入力

👏 不要なタイプ設定をスキップできます

// 다음은 이미 number type으로 editor가 처리하고 있다.
let cnt = 0;
cnt += 1;
//그러나 다음은 error가 발생한다.
cnt += "오류 발생!";

👏 文字、数値、配列タイプの指定

const msg: string = 'hello world!';
const check: boolean = false;
const numberArr: number[] = [1,2,3,4]
const stringArr: string[] = ['문', '자', '열', '배', '열']
//다음은 error가 발생한다. 문자열 배열인데, 숫자를 입력했기 때문이다.
stringArr.push(1);
//특정 값이 undefined || 문자열일 때.
let undefinedAndString: string | undefined = undefined;
//특정 값이 숫자거나, null일 수 있을 때는 다음과 같이 작성한다.
let nullableNumber: number | null = 10;
//특정 값만 오게 할 수도 있다.
let color: 'red' | 'orange' | 'green' = 'red'; // 자동완성도 지원.

👏 関数のタイプ

function add(x: number, y: number): number { 
// 함수의 결과값 타입 역시 bracket around parameter 뒤에 넣음으로써 설정 가능.
	return x + y;
}
// reduce로 응용하자면 다음과 같이 할 수 있겠다.
function sumArray(numbers: number[]): number {
    return numbers.reduce((acc: number, current: number): number => acc + current, 0)
}
const total = sumArray([1,2,3,4]);
console.log(total);
// +
// void는 리턴값이 존재하지 않는 자료형이다.
function voidIsNotReturningValue(...args: any): void {
    console.log(...args)
    add(1,2);
    //다음은 불가능하다.
    //return 1;
}
voidIsNotReturningValue('1',1,'hi');