React Typescript

Typescript 사용하는 이유

TypeScript로 작성된 코드는 앞서 작성한 JavaScript 함수 코드보다 다소 복잡해보이지만, 작성 후 함수 실행 시, 컴파일 과정에서 실시간으로 타입을 검사하므로 디버깅이 쉽고 안정된 프로그램 작성을 가능하게 한다.

시작

npm init -y : package.json 파일 생성
npm install typescript : typesciprt 설치
npx create-react-app my-app --template typescript : 생성

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;
}