TypeScript로 작성된 코드는 앞서 작성한 JavaScript 함수 코드보다 다소 복잡해보이지만, 작성 후 함수 실행 시, 컴파일 과정에서 실시간으로 타입을 검사하므로 디버깅이 쉽고 안정된 프로그램 작성을 가능하게 한다.
npm init -y : package.json 파일 생성
npm install typescript : typesciprt 설치
npx create-react-app my-app --template typescript : 생성
숫자형, 문자형, 논리형 기본형 타입
let age: number; age = 12; let userName: string; userName = 'Max'; let isInstructor: boolean; isInstructor = true;
배열, 객체
let hobbies: string[]; hobbies = ['Sports', 'Cooking']; let person: { name: string; age: number; }; person = { name: 'Max', age: 32 };
합쳐서
let people: { name: string; age: number; }[];
union 타입
let course : string | number = 'React - The Complete Guide'; course = 12341;
타입 별칭
type Person = { name: string; age: number; }; let person: Person; let people: Person[];
제네릭
function aaa<T>(array: T[], value: T) { const newArray = [value, ...array] return newArray; }