TypeScript 퀵 가이드 101

React 애플리케이션에 적합한 다음 단계 중 하나는 견고성과 보안 계층을 추가하기 위해 TypeScript를 통합하는 것입니다.

TypeScript는 언어에 새로운 기능을 추가하는 JavaScript 상위 집합으로, TypeScript를 사용하여 프로젝트에 유형 검사를 추가할 수 있는 가장 중요한 기능 중 하나입니다. TypeScript는 JavaScript가 고급 프로그래밍 언어(Java와 같은)처럼 보이기 위해 필요한 단계입니다.

이 (짧은) 기사의 의도는 TypeScript가 가지고 있는 가장 중요한 기능 중 일부를 포함하는 빠른 안내서를 작성하는 것입니다. 자, 시작하겠습니다.

가장 중요한 유형
: 끈
: 숫자
: 부울
: 배열
: 어느
: 무효의
: 없는
: 한정되지 않은
변수에 유형을 적용하는 방법

let myVariable: number;

특정 유형의 요소로만 채워진 배열 type

let strArr: string[];

//or

let strArr: Array<string>;

튜플
배열이 특정 인덱스에 특정 유형의 값을 포함해야 하는 경우 튜플을 사용합니다. 배열이 튜플의 크기를 초과하면 오류가 발생하지 않습니다. 유일한 조건은 튜플의 요구 사항을 충족하는 것입니다.

let strNumTuple: [string, number];

strNumTuple = [3, ‘Hello’, 1, 2, 3]: // this would be correct.

함수에 유형 추가
함수의 매개변수에 유형을 추가할 수 있으므로 함수가 호출될 때 인수 유형이 일치해야 합니다. 매개변수 뒤의 유형은 함수가 반환해야 하는 값의 유형을 나타냅니다.

const mySum = function(num1:number,num2:number):number{

return num1 + num2;

}

인터페이스
함수에 전달된 인수가 특정 유형의 값을 가진 객체여야 한다고 가정해 보겠습니다. 이것은 인터페이스가 유용한 경우 중 하나입니다.

interface Todo{

title: string;

text: string;

} 
/* the object passed as an argument 
should contain at least values with those types.*/

function showTodo(todo: Todo){

console.log(todo.title+’ ‘+todo.text)

}

let myTodo = {title:’Trash’, text:’take out trash’};

그리고 지금은 이것이 전부입니다…
TypeScript는 JavaScript가 필요한 애플리케이션을 강화하는 가장 좋은 방법 중 하나이기 때문에 오늘날 시장에서 점점 더 중요해지고 있습니다. 그래서 요즘 Type 없이 JavaScript만 배우는 것은 무의미하며, JavaScript가 내일 진화하여 TypeScript와 유사한 기능을 추가하더라도 이러한 기능은 (거의 확실하게) 매우 유사한 방식으로 구현될 것입니다. 그냥 내 예측).