- 왜 타입스크랩트를 써야하나.
- TypeScipt 기초
- 함수 타입을 정의하자
- interface를 활용하자
- 타입 별칭이란?
- 연산자를 이용한 타입 정의 - 유니온 타입
- enum
- class
- generic
- promise Types
- todolist 만들어보기
- 디버깅
목차
자바스크립트
- 자바스크립트에는 어떠한 것들이 있었는가?
- string, number, boolean, null, unedfined,Object,Array 등등이 있다.
- 나는 기존에 타입들을 정의를 어떻게 했었는가?
let letNumber = 1;
let constNumber = 2;
- 별 다른 설정 없이 바로바로 타입을 입력했다.
- 하지만 타입스크립트는 다르다
타입스크립트
// Number
let typeLetNumber: number = 1;
const typeConstanNumber: number =2;
// String
let typeLetString: string = "letString"
const typeConstantString: string = "constantString"
// Boolean
let typeLetBoolean: boolean = true;
const typeConstBoolean: boolean = false;
// Array 1
let TypeLetArray: Array<Number> = [1, 2, 3, 4, 5];
let TypeLetArray2: Array<String> = ["1,2,3,4,5"];
// Array 2
let LetArrayType: Number[] = [1, 2, 3, 4, 5];
const ConstArrayType: String[] = ["1,2,3,4,5"];
// Array 3 튜플
const AnotherCaseType: [Object, String, Boolean] = [{}, "String", true];
// Object1
let LetObjectType: Object = {};
const ConstObjectType: Object = {
Language: "TypeScript",
Level: 123,
};
// Object2
const constObjectType: {firstProperty:string, SecondProperty:number}={
firstProperty: "TypeScritpt",
secondProperty: 5
}
- 타입을 정의할 때 첫 글자를 대문자로 시작했더니 그대로 적용되었다. 하지만 함수의 파라미터 타입을 정의할때는 소문자로 타입을 정의해줘야한다. 그렇지 않으면 타입이 적용되지 않는다.